问题标签 [nuxtjs3]

我目前热衷于将我现有的 Nuxt 2 项目更新为 Nuxt Bridge，如下所述：

https://v3.nuxtjs.org/getting-started/bridge

至于我使用的 nuxt.config 文件module.exports = { //config }

用以下方式交换它：

由于“@nuxtjs/firebase”模块，导致我出现 webpack 错误：

我怎样才能解决这个问题？

TL;DR：有没有办法访问在 Vue 中创建的setup()变量mixins？

我是 Vue (/ Nuxt) 和使用 vue-instantsearch 的 Algolia 的新手。我想将 Algolia 添加到我的 Nuxt 3 应用程序中。

到目前为止，它可以工作，但是仅当页面在客户端呈现时。当它的服务器端渲染时它不起作用。幸运的是，Nuxt 中有服务器端渲染vue-instantsearch 的指南。

在文档中，它searchClient在组件之前启动，然后在 mixin 中使用该客户端，如下所示：

但是，就我而言，我想将搜索限制为用户。（不是每个用户都应该看到每个条目。）因此，我为我的用户动态生成令牌并searchClient在我的setup().

所以现在我认为我无法访问searchClientmixins 中的 ，可以吗？

我该如何解决这个问题？有没有办法先获取客户端，然后启动 mixins 并将客户端传递给 mixins？是否有一个两组件解决方案，其中一个组件创建searchClient，将其传递给下一个组件，然后在 mixin 中使用它？

编辑：我正在使用一个 hacky 解决方案。

在这里，我使用 setup 中的 mixin 来获取 mixin 通常会返回的数据。我模仿了providemixin 代码中的步骤。

我在这里的主要问题是访问$config该setup()属性。

我正在尝试在 Azure 静态 Web 应用程序中开箱即用地运行 nuxt3，但它总是遇到关于未安装 @nuxt/kit 的错误。这只是为了我自己的研究，我在 Vercel 中用 React+Next 做了几乎相同的事情，它就像一个魅力

脚步：

为节点创建了一个 Azure 静态应用程序，链接到 github

创建 nuxt 应用程序：（npx nuxi init nuxt3-app）https://v3.nuxtjs.org/getting-started/installation

工作流 yml 中的更改输出：https ://v3.nuxtjs.org/docs/deployment/azure

在输出/服务器中创建了空的 .gitkeep

回购： https ://github.com/betonogueira/pessoalnuxt3

PS：如果我安装然后卸载@nuxt/kit，同样的错误开始出现在开发环境中

Nuxt3：如何配置 eslint

我安装了最新的 Nuxt 3 以开始了解它可以做什么。

但是，当我跑步时

在 Vite 预热、Vite 服务器构建和 Nitro 构建后，我收到此错误。我看到的页面是空的，但当我刷新时，我仍然让我说“你好世界”。

任何人都可以帮忙吗？

谢谢

我有 vue 项目，我想在其中实现 SSR，所以我决定尝试 nuxt 3 并将我的项目移植到它并卡住了。

在 vue 中，在 main.js 内部，我使用用户的 IP 地址进行 api 调用，然后检索我一个包含路由和元参数的数组，然后我使用 router.addRoute 并添加路由。我不清楚如何用我在动态路线上看到的内容在 nuxt 中实现这一点。

我尝试制作一个插件并将其添加到 nuxt 配置中

我正在尝试向我的应用程序添加一个paintworklet，但我真的很难。

worklet 是一个 npm 依赖项，但 worklet 不能内联，它们需要像这样注册：

我很难过，因为即使这目前在我的应用程序中有效，但我不确定这是否是正确的方法，或者它是否可以在生产中工作。目前，我的 url 指向里面的一个文件node_modules，我不确定 nuxt 是否会对此做任何事情。

我目前正在使用.client.js插件文件夹中的文件执行此操作。但是他们需要一个export default function()，但工作集代码没有导出。

我目前正在尝试做的是告诉 nuxt 以某种方式从中获取某些文件node_modules并将它们作为资产提供，然后以其他方式引用它们。但我找不到这方面的任何资源。

任何想法，将不胜感激。

我有以下 API URL 之一。归根结底，对于我的用例，我必须使用这些 URL 中的哪一个并不重要，但目前都不起作用。

或者

我将如何获得TRACKIDAPI 代码？以下代码导致undefined.

我尝试通过以下方式为第一个 URL 设置文件，但这也不成功。它只是导致URL被http://localhost:3000/api/track/[id]

对于第二个 URL，我使用了以下设置。

我已经安装了这些依赖 Package.json：

在 .eslintrc.js

在 nuxt.config.ts

这些选项都不适用于 nuxt 3。

我正在尝试@headlessui/vue在 Nuxt3 项目中运行包。

我可以在node_modules文件夹中看到包。

但我一直低于错误

Internal server error: Failed to resolve import "@headlessui/vue" from "components/LeftSideFilter.vue". Does the file exist?

LeftSideFilter.vue 文件代码