问题标签 [nuxtjs3]

我正在尝试从/assets目录中导入全局 Sass 样式表，并使用在整个组件中定义的变量和 mixins 之类的东西。我nuxt.config.ts目前的样子是这样的：

当我现在尝试使用变量时，[plugin:vite:css] Undefined variable.出现错误。这曾经在 Nuxt 2 中工作得很好，@nuxtjs/style-resources但我不确定如何在 Nuxt 3 中进行这项工作。

但是，该样式表中的类和应用样式正在工作，只有变量、mixin 和映射不可访问。

有人可以帮忙吗？

我在module.js文件中使用这样的自定义模块注册 serverMiddleware

这里的中间件函数是从一个单独的文件utils/index.js导入的，看起来像这样

运行应用程序时出现错误

如果我像这样使用nuxt.config.js文件注册utils/index.js文件，那么它可以正常工作

请建议如何使用 module.js 文件注册它。

使用 Nuxt 3，我阅读了非常糟糕的官方文档：https ://v3.nuxtjs.org/docs/directory-structure/pages/#dynamic-routes

但我不明白如何让它在动态路由中正常工作。

我有我的产品组件：

我想轻松链接到 [slug] 组件，查看 Vue Router 文档，我这样做了：

它可以工作，但它会重新加载整个页面。
我错过了什么 ？

我正在尝试在 nuxtjs（带有打字稿）项目中使用 @storefront-ui/nuxt。

但是这个错误显示我找不到模块'@storefront-ui/nuxt'的声明文件。'c:/Users/user/Desktop/testnuxt/node_modules/@storefront-ui/nuxt/lib/module.js' 隐含了一个 'any' 类型。尝试npm i --save-dev @types/storefront-ui__nuxt它是否存在或添加包含declare module '@storefront-ui/nuxt';Vetur(7016)的新声明 (.d.ts) 文件

如果我使用nuxtjs（使用javascript），则会出现此错误

我正在试验 Nuxt 3、Netlify 和 Netlify CMS。我对 vue 很熟悉，但对 Nuxt 很陌生。

我知道 nuxt/content尚未与 Nuxt 3 兼容。如果没有 nuxt/content，加载 Netlify CMS 在 /content 中创建的所有文件并将它们提供给我的 vue 组件的最佳方式是什么？

到目前为止，我已经尝试创建一些服务器/中间件，它使用节点 JS fs 模块收集内容，但我不确定如何最好地将其提供给应用程序。或者我可以写一个服务器端插件？

我正在尝试apollo client为应用程序创建一个插件Nuxt 3。它目前正在抛出一个关于名为的包的错误ts-invariant：

我觉得我对这个错误有足够的了解，知道它与 Nuxt 3 如何处理 ESM 有关，但我不能确定。

这是nuxt插件：
plugins/apollo-client.js

在正常情况下，我可能会使用 nuxt-apollo 社区模块，但它目前是关于nuxt 3端口的，所以它是一个插件。

这是我的插件所依赖的一些文档：
https://v4.apollo.vuejs.org/guide-composable/setup.html#vue-3
https://v3.nuxtjs.org/docs/directory-structure/plugins

在我的项目中，我使用的是 nuxt js。我有一条看起来像 service/:slug的路线 在构建和生成之后，我的所有路线都可以正常工作。我用来在生成时生成动态路线的波纹管代码

但是当我在构建和生成后从管理面板创建另一个新项目时会出现问题。

当我运行nuxt generate时，我似乎有三条路线

1. 服务/现金
2. 服务/利润

现在在服务器中托管我的 dist 文件夹之后，我点击www.url/service/cash并且它的工作完美。

现在我在管理面板中创建了一个名为send-money的新服务项目 然后当我使用www.url/service/send-money访问浏览器时， 它不起作用并得到 404。

现在我无法理解如何解决这种情况。

我正在 NuxtJS 和 Tailwindcss 的帮助下学习 VueJS，以完成一个爱好项目。由于 tailwindcss 使编辑暗模式变得非常容易，我在 safari 浏览器上遇到了问题。

每当您在暗模式下向下或向上滚动或拖动浏览器时，您总是会看到白色背景。这是身体，我无法改变它。

我尝试将 Body 标签添加到我的主应用程序 VueJS 文件中，我在其中组合我的组件来构建页面。但这会导致 Main 应用程序 Div 中出现 Body 标签。这意味着我有两个这样的身体标签

如果我查看 tailwind 的网站并检查该网站，我会发现该网站在其主要 Body 元素上使用了 Tailwindcss 类。

我的问题是这个放在哪里？或者我如何访问它。

这是 nuxt 配置：

现在，当我运行npm run generate并检查 dist 文件夹时，主页上的 css 加载正常，除了主页，它没有找到 css。基本上，在检查控制台时，我注意到其他页面正在查看 csshttp://example.com/page/css/filename.css

即，/page/ 当前页面的 slug 也得到了后缀，这就是它找不到 css 的原因。

顺便说一下，这些css是在/static/*文件夹下加载的。

我试图找到它在哪里是官方文档，但没有。

https://v3.nuxtjs.org/

我在文件夹布局中创建了 error.vue，但它没有用。