小编som*_*ser的帖子

我创建了 Nest js 项目，如下所示。

nest new project-name

并从 nuxt3 导入以下内容，其类型为module带有文件扩展名的 Node js mjs（导入的类型定义不需要编写 mjs）。

import { ViteBuildContext, ViteOptions, bundle } from '@nuxt/vite-builder-edge';

它给了我以下错误。

Uncaught Error Error [ERR_REQUIRE_ESM]: require() of ES Module c:\project\node_modules\@nuxt\vite-builder-edge\dist\index.mjs not supported. Instead change the require of c:\project\node_modules\@nuxt\vite-builder-edge\dist\index.mjs to a dynamic import() which is available in all CommonJS modules.

所以我尝试添加"type": "module"package.json 所以现在我收到以下错误。

Uncaught ReferenceError ReferenceError: exports is not defined in ES module scope This file is being treated as an ES module because …

我将 Nestjs 与 prisma 和 swagger 一起使用。当我使用

import {PrismaGeneratedType} from '@prisma/client';

...

@ApiOkResponse({type: PrismaGeneratedType})

在控制器中如果给出错误：

'PrismaGeneratedType' only refers to a type, but is being used as a value here

因为 prisma 生成types而不是类定义。如何使用 Prisma 生成的客户端（类型）与 swagger 一起使用？

在 Nuxt 2 中，我可以通过利用 Stencil 包中提供的 renderToString() 方法并结合 Nuxt 钩子来使用服务器端渲染的 Stencil 组件，如下所示：

import { renderToString } from '[my-components]/dist-hydrate'

export default function () {
  this.nuxt.hook('generate:page', async (page) => {
    const render = await renderToString(page.html, {
      prettyHtml: false
    })
    page.html = render.html
  })
}

自从Stencil 2.16.0最近发布以来，我能够在由 Vite 提供支持的 Nuxt 3 中使用本机 Web 组件。然而我还没有找到一种方法来连接模板水合过程。不幸的是，还没有关于可组合useHydration()的文档。

有谁知道我如何让它在 Nuxt 3 中工作？

我正在使用 Prisma2 ( prisma @prisma/client)。

在我的底层 postgres 数据库中，我有一列类型date，即只有日期而没有时间。

Prisma为本列返回一个JavascriptDate对象（https://www.prisma.io/docs/concepts/components/preview-features/native-types/native-types-mappings#datetime），它也携带时间信息。

序列化后，我最终得到了完整的 ISO 日期和时间字符串。但是，我只想返回日期部分（时间部分始终为 00:00:00）。

目前我这样做：

return await prisma.entity.findMany().map(e => ({ ...e, date: e.date.toISOString().substring(0,10) }))

我想摆脱手动映射，因为我必须为每个查询重复它，并且对于嵌套查询等，映射变得更加复杂。

Prisma 是否支持添加到模型（并自动执行）的某种转换（例如使用类转换器）？我在文档中没有找到任何内容。或者我可以教 Prisma 以字符串形式返回该列，而不是 Date 对象吗？

当开始使用 nuxt 3 时，它默认创建 TypeScript 项目。有没有办法转移到 JavaScript？

我努力了：

1. 重命名nuxt.config.ts为nuxt.config.js
2. 删除tsconfig.json
3. 添加jsconfig.json

内容nuxt.config.js

export default {
};

的内容package.json

{
  "private": true,
  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi build",
    "start": "node .output/server/index.mjs"
  },
  "devDependencies": {
    "nuxt3": "latest"
  }
}

该文件夹仍然.nuxt创建 TypeScript 文件

我仍然对我在这里做错了什么感到有点困惑。本质上我有一个 vue 组件，我想在安装元素后异步加载一些数据。

我正在使用 NUXT 3 和组合 API。

<script setup>

let directories = useState('directories', () => null);

onMounted( async () => {
const { data: response } = await useAsyncData('directories', () => $fetch('/api/s3-get-directories'));
directories.value = response;
});

</script>

看起来 onMounted 在渲染之前触发，并且没有正确接收数据。如果我将 Mounted 包装到 setTimeout 中并给予 100 毫秒的延迟，它就可以正常工作。

我希望有一个示例来说明如何在客户端准备好后加载数据而不会阻塞。或者对我在这里做错了什么有任何解释。

我的网站使用 nuxt3 和 vue3。但我在使用 onMounted 挂钩时遇到问题。

这是我的 vue 页面。

<script setup lang="ts">
  import { onMounted } from '@vue/runtime-core';

  onMounted(() => {
    console.log('myheader mounted');
  })
</script>

<template>
    <h1>test</h1>
</template>

我收到此错误：

[Vue warn]: onMounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.

让我很困惑……TT

我有一个不错的 NestJs 项目。我使用 Graphql CLI 插件和 Prisma 作为 ORM。

无论我如何启动项目（start:dev、、），在加载所有模块并注册所有路由后都会出现延迟start：start:prod

[Nest] 29996   - 20.02.2021, 13:41:03   [NestFactory] Starting Nest application...
[Nest] 29996   - 20.02.2021, 13:41:03   [InstanceLoader] DiscoveryModule dependencies initialized +331ms
[Nest] 29996   - 20.02.2021, 13:41:03   [InstanceLoader] ConfigHostModule dependencies initialized +1ms
[Nest] 29996   - 20.02.2021, 13:41:03   [InstanceLoader] AppModule dependencies initialized +1ms
[Nest] 29996   - 20.02.2021, 13:41:03   [InstanceLoader] ServeStaticModule dependencies initialized +2ms
[Nest] 29996   - 20.02.2021, 13:41:03   [InstanceLoader] ConfigModule dependencies initialized +2ms
[Nest] 29996   - 20.02.2021, 13:41:03   [InstanceLoader] …

我正在尝试将 json-ld 添加到我的页面，但仍然无法正常工作或不是我想要的。

这是我到目前为止所尝试过的：

1. 使用 useMeta()

useMeta({
    script: [
        {
            type: 'application/ld-json',
            json: jsonLd,
        },
    ],
});

结果：<script type="application/ld-json" json="[object Object]"></script>

2. 使用<Script>标签

<Script type="application/ld-json">
        {{ jsonLd }}
</Script>

结果：<script type="application/ld+json"></script>空值。

和

<Script type="application/ld-json" v-html="jsonLd"></Script>

结果：<script type="application/ld-json" innerhtml="[object Object]"></script>

我错过了什么吗？谢谢。

我有个问题。我尝试将我的 Nuxt3 应用程序与 Google Analytics 连接。

现在我通过添加nuxt.config.ts以下代码来做到这一点

export default defineNuxtConfig({
  buildModules: [
    '@nuxtjs/google-analytics'
  ],
  googleAnalytics: {
    id: process.env.GOOGLE_ANALYTICS_ID
  },
})

但不幸的是，当我尝试构建我的应用程序时出现以下错误

ERROR  Error compiling template:  {                                                                                                                                                                            17:53:04  
  ssr: false,
  src: 'C:\\Users\\szczu\\Elektryk\\node_modules\\@nuxtjs\\google-analytics\\lib\\plugin.js',
  fileName: 'google-analytics.js',
  options: {
    dev: true,
    debug: {
      sendHitTask: true
    },
    id: undefined
  },
  filename: 'google-analytics.js',
  dst: 'C:/Users/szczu/Elektryk/.nuxt/google-analytics.js'
}


 ERROR  serialize is not defined                                                                                                                                                                                17:53:04  

  at eval (eval at <anonymous> (node_modules\lodash.template\index.js:1550:12), <anonymous>:7:1)
  at compileTemplate (/C:/Users/szczu/Elektryk/node_modules/@nuxt/kit/dist/index.mjs:493:45)
  at async /C:/Users/szczu/Elektryk/node_modules/nuxt3/dist/chunks/index.mjs:1296:22
  at async Promise.all (index 11)
  at async generateApp (/C:/Users/szczu/Elektryk/node_modules/nuxt3/dist/chunks/index.mjs:1295:3) …