问题标签 [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.
javascript - 无法从 if 正文访问函数内部声明的变量
我正在尝试访问一个变量,该变量是我在 if 语句内部(也在同一个函数中)在函数顶部声明的。这是我写的代码:
出于某种原因,尝试增加时它失败了,所以我尝试创建一个更简单的版本:
简单的版本出于某种原因工作。根据我的理解,这两个都应该可以正常工作,对吧?这是我得到的错误:
第 89 行包含以下代码:
我不确定这是否重要,但我使用的是 Nuxt 3 并且代码位于script setup
标签内。
d3.js - 仅限客户端的 Nuxt 3 D3 插件
我正在尝试在 Nuxt 3 项目中使用 D3 扩展,为此我在目录中创建了一个d3.client.js
文件plugins/
。
但是,当我尝试使用它时,它会给我一个 500 Internal Server Error document is not defined
。
我该如何解决这个问题?
vuejs3 - 在 Nuxt 3 的 Dynamic Vue 3 组件中使用 v-bind "is" 时出错 - 无法解析组件
尝试在动态组件的 v-bind 中的对象内提供“is”属性时出现错误(如下)。我正在使用 Nuxt3。
错误:[Vue 警告]:无法解析组件:组件如果这是本机自定义元素,请确保通过 compilerOptions.isCustomElement 将其从组件解析中排除。{ is: 'AppLink', to: 'myRoute' } 用作弱映射键的无效值
在组件中使用时的示例:
这是 AppLink 组件的样子:
如果我这样做,一切都会按预期工作,没有错误:
任何解释错误的想法都会很棒。谢谢。
json - 如何在 nuxt 3 中包含 json-ld 脚本?
我正在尝试将 json-ld 添加到我的页面,但仍然无法正常工作或不是我想要的。
这是我迄今为止尝试过的:
- 使用 useMeta()
结果:<script type="application/ld-json" json="[object Object]"></script>
- 使用
<Script>
标签
结果:<script type="application/ld+json"></script>
空值。
和
结果:<script type="application/ld-json" innerhtml="[object Object]"></script>
我错过了什么吗?谢谢。
nuxt.js - Nuxt3 useAsyncData 不工作挂载的生命周期钩子
我仍然对我在这里做错了什么感到有些困惑。本质上,我有一个 vue 组件,我想在安装元素后异步加载一些数据。
我正在使用 NUXT 3 和组合 API。
似乎 onMounted 在渲染之前触发并且没有正确接收数据。如果我将挂载到 setTimeout 并给出 100 毫秒的延迟,它可以正常工作。
我会很感激一个例子,说明我应该如何在客户端准备好后不阻塞地加载数据。或者对我在这里做错的任何解释。
fetch - 渲染后按需请求 Nuxt 3 HTTP 请求:客户端获取
Nuxt 3 具有那些惊人的数据获取功能(例如:useFetch),但我发现我需要在渲染时间之后发出请求(例如:从按钮调用并发送搜索词)。
据我所知,useFetch 不在客户端工作,这就是我想要做的
nuxt3 是否提供内置功能来按需发出 http 请求(客户端官方 http axios 之类的)?
nuxt.js - Nuxt 3 为整个应用程序全局导入 lodash
我试图找出为应用程序全局导入 lodash 的正确方法,而不是在每个设置标签内。
我试图将 lodash 设置为插件
以上似乎不起作用。
nuxt.js - 在 NUXT3 API 中访问 POST 中的文件
我试图了解在 POST 方法中访问文件数据的预期方式。
在 ExpressJS 中,通常可以通过req
以下方式访问数据:req.files
但是req.files
在 Nuxt3 服务器端点中未定义。我是否需要使用服务器中间件将文件包含到请求中?或者还有其他方法可以实现吗?
编辑1:
我能够使用打印我们的身体const body = await useBody(req);
但是,现在我正在努力弄清楚如何正确解析它。
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:
问题神秘地消失了。