问题标签 [nuxt3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
454 浏览

javascript - 将 nuxt 3 从 TypeScript 迁移到 JavaScript

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

我努力了:

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

的内容nuxt.config.js

的内容package.json

.nuxt文件夹仍会创建 TypeScript 文件

在此处输入图像描述

0 投票
1 回答
64 浏览

javascript - 无法从 if 正文访问函数内部声明的变量

我正在尝试访问一个变量,该变量是我在 if 语句内部(也在同一个函数中)在函数顶部声明的。这是我写的代码:

出于某种原因,尝试增加时它失败了,所以我尝试创建一个更简单的版本:

简单的版本出于某种原因工作。根据我的理解,这两个都应该可以正常工作,对吧?这是我得到的错误:

第 89 行包含以下代码:

我不确定这是否重要,但我使用的是 Nuxt 3 并且代码位于script setup标签内。

0 投票
2 回答
310 浏览

d3.js - 仅限客户端的 Nuxt 3 D3 插件

我正在尝试在 Nuxt 3 项目中使用 D3 扩展,为此我在目录中创建了一个d3.client.js文件plugins/

但是,当我尝试使用它时,它会给我一个 500 Internal Server Error document is not defined

我该如何解决这个问题?

0 投票
0 回答
144 浏览

vuejs3 - 在 Nuxt 3 的 Dynamic Vue 3 组件中使用 v-bind "is" 时出错 - 无法解析组件

尝试在动态组件的 v-bind 中的对象内提供“is”属性时出现错误(如下)。我正在使用 Nuxt3。

错误:[Vue 警告]:无法解析组件:组件如果这是本机自定义元素,请确保通过 compilerOptions.isCustomElement 将其从组件解析中排除。{ is: 'AppLink', to: 'myRoute' } 用作弱映射键的无效值

在组件中使用时的示例:

这是 AppLink 组件的样子:

如果我这样做,一切都会按预期工作,没有错误:

任何解释错误的想法都会很棒。谢谢。

0 投票
2 回答
87 浏览

json - 如何在 nuxt 3 中包含 json-ld 脚本?

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

这是我迄今为止尝试过的:

  1. 使用 useMeta()

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

  1. 使用<Script>标签

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

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

我错过了什么吗?谢谢。

0 投票
1 回答
409 浏览

nuxt.js - Nuxt3 useAsyncData 不工作挂载的生命周期钩子

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

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

似乎 onMounted 在渲染之前触发并且没有正确接收数据。如果我将挂载到 setTimeout 并给出 100 毫秒的延迟,它可以正常工作。

我会很感激一个例子,说明我应该如何在客户端准备好后不阻塞地加载数据。或者对我在这里做错的任何解释。

0 投票
1 回答
100 浏览

fetch - 渲染后按需请求 Nuxt 3 HTTP 请求:客户端获取

Nuxt 3 具有那些惊人的数据获取功能(例如:useFetch),但我发现我需要在渲染时间之后发出请求(例如:从按钮调用并发送搜索词)。

据我所知,useFetch 不在客户端工作,这就是我想要做的

nuxt3 是否提供内置功能来按需发出 http 请求(客户端官方 http axios 之类的)?

0 投票
1 回答
93 浏览

nuxt.js - Nuxt 3 为整个应用程序全局导入 lodash

我试图找出为应用程序全局导入 lodash 的正确方法,而不是在每个设置标签内。

我试图将 lodash 设置为插件

以上似乎不起作用。

0 投票
1 回答
42 浏览

nuxt.js - 在 NUXT3 API 中访问 POST 中的文件

我试图了解在 POST 方法中访问文件数据的预期方式。

在 ExpressJS 中,通常可以通过req以下方式访问数据:req.files

但是req.files在 Nuxt3 服务器端点中未定义。我是否需要使用服务器中间件将文件包含到请求中?或者还有其他方法可以实现吗?

编辑1:

我能够使用打印我们的身体const body = await useBody(req);

但是,现在我正在努力弄清楚如何正确解析它。

0 投票
0 回答
23 浏览

nuxt.js - 无法在服务器端点 Nuxt 3 内返回失败状态

如果出现故障,我想返回状态 500 或 204。但是,如果我在端点内部执行以下操作:

我在 Nuxt 3 后端控制台中收到以下错误:

错误 [代理]
在 WriteWrap.onWriteComplete [as oncomplete] 处写入 EPIPE (internal/stream_base_commons.js:94:16)

知道为什么会这样吗?

https://codesandbox.io/live/191a44154e4?file=/server/api/test.ts 在这里它似乎工作得很好。

我在 MacOS 上使用 Node v14.17.6 任何人都能够复制此错误吗?它似乎与我当地的环境有关。

编辑1:

看起来状态实际上正在按预期返回,只是错误仍然存​​在。似乎不会影响应用程序的其余部分。

用不同的节点版本 v16 和 v17 测试,错误仍然存​​在。

编辑2:

问题神秘地消失了。