问题标签 [nuxtjs3]

运行yarn install时出错。我尝试了互联网上的所有内容，但没有任何效果。我已经成功安装了 node 和 npm。作为我应该运行的要求的一部分：yarn install

1. Windows 10 专业版 64 位
2. 节点 v16.13.0
3. 节点gyp v8.3.0
4. npm 8.1.0

我想style-resources在新的 Nuxt 3 项目中全局配置和使用一些变量，但是当我将一些选项传递给 nuxt.config 文件时，我收到了这个错误：

Cannot start nuxt: resolver.resolveModule is not a function

我的依赖：

nuxt.config.js

我正在使用这个库： https ://github.com/nuxt-community/style-resources-module

我知道 Nuxt 3 仍处于 Beta 版本，但也许有人已经面临这个问题或知道应用全球资源的不同方式

我正在将现有的 Nuxt 应用程序迁移到 Nuxt 3，但无法摆脱上述错误。关于解决这个问题的任何想法？控制台输出如下所示：

node_modules/bootstrap-vue/esm/vue.js:1:7：错误：“node_modules/vue/dist/vue.runtime.esm-bundler.js”中没有匹配的导出用于导入“默认”

错误 18:38:49 [vite] 更新依赖项时出错：18:38:49
错误：构建失败，出现 172 个错误：node_modules/bootstrap-vue/esm/vue.js:1:7：错误：“node_modules/vue/dist/vue.runtime.esm-bundler.js”中没有匹配的导出用于导入“默认”node_modules/bootstrap-vue/esm/vue.js:1:7：错误：在“node_modules/vue/dist/vue.runtime.esm-bundler.js”中没有匹配的导出用于导入“默认”node_modules/bootstrap- vue/esm/vue.js:1:7: 错误：“node_modules/vue/dist/vue.runtime.esm-bundler.js”中没有匹配的导出用于导入“default”node_modules/bootstrap-vue/esm/vue。 js:1:7：错误：“node_modules/vue/dist/vue.runtime.esm-bundler.js”中没有匹配的导出，用于导入“默认”node_modules/bootstrap-vue/esm/vue.js:1:7：错误：“node_modules/vue/dist/vue.runtime.esm-bundler.js”中没有匹配的导出用于导入“default”

我的代码中有这个设置：

这些类没有被应用，但它们确实存在。当我手动添加它们时，一切正常。所以我不确定为什么这不起作用。只是不appear工作<transition-group>吗？

我正在尝试<NuxtLink>在 Nuxt 3 中使用重定向。

但是，我的页面在 URL 更改后不会显示。这意味着，单击链接后，URL 将更改为 to="" 中所述的任何内容，但除非我刷新页面，否则内容不会显示。想知道我做错了什么。

这是我的路由代码

这是我的页面代码

我正在使用 Nuxt.js3 和 supabase 开发应用程序。

plugins/supabase.server.js 中的 Nuxt.js（我还没有弄清楚服务器或客户端是否更适合这个。）我想使用 index.vue 中的“supabase = createClient(~~)”。

但是，我得到未定义，要么是因为导入不起作用，要么是因为我以错误的方式调用它。

如果我使用 mustache 语法并将其称为“{{ $supabase }}”，则会出现该函数。

（我英语不好，所以我用翻译的句子。）

插件/supbase.server.js

页面/index.vue

我正在尝试使用 GitHub Actions 为使用Nuxt3 JS 框架编写的新站点设置自动部署。管道成功运行，但未部署实际更改的文件。在 Nuxt3 论坛中查看我关于 .yaml 配置和控制台输出的原始问题 - https://github.com/nuxt/framework/discussions/1874

我认为这是因为 action-hosting-deploy 工具运行，根据文档，它只上传 statis 文件，而我需要从上一步构建的Nuxt3deploy --only hosting重新上传 JavaScript 结果。

我设法找到了一种解决方法 - 我让脚本run通过命令序列完成所有工作：

所以看起来我可能根本不需要ction-hosting-deploy ......但我想知道是否可以以某种方式更改此工具以运行deploy而无需--only hosting选择实现这种行为本身？

我正在尝试让我的 NuxtJS 3 应用程序显示自定义错误页面。该应用程序与 SSR 通用。NuxtJS 2 文档说要添加一个layouts/error.vue文件，它应该被拾取。但是，在使用 NuxtJS 3 时，我的自定义页面从未显示过——无论是通过硬重新加载还是<NuxtLink>通过路由器导航到断开的链接。

NuxtJS 3 中的自定义错误页面是否已更改？文档https://v3.nuxtjs.org/docs/directory-structure/layouts中似乎没有关于它们的任何文档

我目前正在学习Nuxt 3，目前专注于我知道如何在 Nuxt 2 中处理的事情，并且我还没有在 Nuxt 3 中找到（类似的、简单的）解决方案。

其中之一是匿名中间件。我如何在 Nuxt 3 中构建那些/Nuxt 3 中最接近的东西是什么，可以用来获得相同的功能？我真的必须调用 API 端点吗？与 Nuxt 2 相比，这似乎太过分了。

我制作了两个存储库作为插件，用于放置我的 API 调用。

plugins/repos/UserRepository.js（我需要在 /views/users.vue 中）

plugins/repos/PostRepository.js（我需要在 /views/posts.vue 中）

要使用这些插件，我有两个选择：

1. 通过在 nuxt.config.js 的 plugins 数组中列出它们来全局注册这些插件

2. 在各自的 vue 组件中手动导入每个 repo。

在第一个选项的情况下，我的回购看起来像这样：

第一种方法的主要优点是我可以访问上下文。但是如果我在我的组件中手动导入它（第二种方法），那么我需要在插件中手动传递上下文。

但是第一种方法的主要缺点是它使插件普遍可用。所以我的主要问题是：第一个在内存消耗方面是一种不好的方法，因为我不需要 users.vue 中的 PostRepository 但它仍然是由 Nuxt 自动导入的，因为我在 nuxt.config 的插件数组中提到了它.js？

请告诉我处理此问题的最佳方法是什么，因为我有数十个存储库，因此在全球范围内注册所有存储库是个好主意？