Nuxt.js是一个用于创建Vue.js应用程序的框架，您可以选择Universal，Static Generated或Single Page应用程序（受Next.js启发）
我可以在 Nuxt 3 项目中放置一个不由 Nuxt 处理的单独子项目吗？这是一个包含多个 html 文件、js + jquery、css 和图像的文件夹 - 一个常规的 html 页面。不应该是哈...
我正在使用 useFetch 实现一个简单的 SSR 站点。当 url 是硬编码字符串时它工作得很好，但是一旦我开始使用运行时配置变量（来自 .env 文件），就会触发提取...
扩展或组合 Pinia 设置存储以实现可重用的 getter、setter 和操作
假设我们有一个 Pinia 设置存储，它实现了一组基本的状态、getter 和操作： 导出 const useBaseStore = DefineStore('base-store', () => { const 名称 = ref('');
Nuxt 2.15.7 构建错误 - 无法解析 CSS @font-face URL
我正在尝试构建我的项目，但在构建过程中出现错误。我输入了这个命令： 纱线结构 然后我看到了这个： ./assets/css/main.css 中的错误（./node_modules/@nuxt/postcss8/node_m...
扩展或组合 Pina 设置存储以实现可重用的 getter、setter 和操作
假设我们有一个 Pinia 设置存储，它实现了一组基本的状态、getter 和操作： 导出 const useBaseStore = DefineStore('base-store', () => { const 名称 = ref('');
在 Nuxt.js 应用程序中使用 <link> 标签预加载字体
要预加载字体，我尝试在 Nuxt 2.15 中向我的 app.html 文件添加 标签。问题是我不知道如何访问我的 /assets/fonts 文件夹。 要预加载字体，我尝试在 Nuxt 2.15 中的 <link> 文件中添加 app.html 标签。问题是我不知道如何访问我的 /assets/fonts 文件夹。 <!DOCTYPE html> <html {{ HTML_ATTRS }}> <head {{ HEAD_ATTRS }}> {{ HEAD }} <link rel="preload" href="~/assets/fonts/SoDoSans-Regular.woff" as="font" type="font/woff" crossorigin> </head> <body {{ BODY_ATTRS }}> {{ APP }} </body> </html> 如何从 /assets/ 中访问该 app.html 文件夹？这给了我 404 错误，因为 localhost:xxxx/~/assets/fonts/ 文件夹不存在。我尝试过使用 require() 但这也不起作用。它只是将其添加为字符串的一部分。 我已经看到这个解决方案建议修改nuxt.config.js，但我需要使用来自<link>的app.html标签来完成此操作 也许你可以使用 Nuxt 2 将字体文件放在静态文件夹下 https://v2.nuxt.com/docs/directory-struct/static/ 首先，将字体文件放入项目中的/static文件夹中 然后您可以在 <link> href 中使用相对路径 <link rel="preload" href="/fonts/SoDoSans-Regular.woff" as="font" type="font/woff" crossorigin>
当您导航到不存在的页面时，您会得到默认的 404 错误页面，但如果您导航到不存在的静态资源，例如 /resource.txt，存储在 /static/resource.txt，您将得到我...
我正在尝试在我使用的项目上安装handsontable npm 安装handsontable @handsontable/vue 也许我需要创建一个插件？ 如何在现有的 nuxt 项目中使用 Handsontable？
当我第一次访问nuxt服务器时，网络工具的chrome文档显示了请求。但是当单击导航到详细信息页面时，这没有文档请求。是什么原因。 我没有找到相关的e...
如何为 nuxtjs 2 配置 AMD monaco 编辑器
任何帮助将不胜感激。无法弄清楚如何将 AMD monaco 编辑器（最新）与 nuxtjs2 一起使用。
VueJS 和 SASS - 在脚本中导入和使用 SASS 变量
我目前正在开发一个带有 SASS 集成的 VueJS 项目，我想访问组件脚本部分内的 SASS 变量以进行动态样式计算。我...
我正在发现 Nuxt 3，并且只是想在页面之间制作动画。这个想法是使用 javascript hooks 使用 js 库（例如 gsap 或 AnimeJs）进行页面转换。 所以在我的 app.vu 中...
我已经尝试将 nuxt 应用程序部署到 Vercel 几天了，但我收到此错误消息：错误：错误：0308010C：数字信封例程::不支持 我在本地解决了这个问题
Nuxt：在 .ENV 中设置 Axios BaseURL 不起作用？
我在 Nuxt 应用程序中为 api 端点设置 $axios 基本 URL 时遇到问题。 我正在使用 dotENV 模块，其中有以下设置： BASE_URL=http://localhost:3000/api2 在我的努克斯......
错误无法读取未定义的属性（读取“钩子”）VueJS、Nuxt、Npx
我已经在我的笔记本电脑上下载并设置了现有的旧代码，并执行了 npm install 来安装必要的软件包，并执行了 npmauditfix --force 来解决漏洞。当我执行 npm run 时...
我有一个 vue/vite 网站，我正在将其迁移到 Nuxt 以改进结构和 SEO。 大多数页面工作正常，但使用 jQuery 的页面返回 500 错误，jquery 未定义。 我以为这必须...
未找到名为“YoutubeVue3”的导出。请求的模块是 CommonJS 模块，可能不支持所有 module.exports 作为命名导出
我在 Nuxt3 项目中使用的 youtube-vue3 插件有问题。这导致我在纱线生成上出现预渲染问题。它看起来是这样的： 我在 Nuxt3 项目中使用的 youtube-vue3 插件有问题。这导致我在纱线生成上出现预渲染问题。这是它的样子： <Youtube :width="width" :height="height" :videoid="videoId" :controls="1" :autoplay="1" /> import { YoutubeVue3 as Youtube } from 'youtube-vue3' 纱线生成错误： ` ERROR Named export 'YoutubeVue3' not found. The requested module 'file:///Users/elmir/Desktop/projects/ecomail-web/node_modules/youtube-vue3/dist/youtube-vue3.common.js' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'file:///Users/elmir/Desktop/projects/ecomail-web/node_modules/youtube-vue3/dist/youtube-vue3.common.js'; const { YoutubeVue3 } = pkg; import { YoutubeVue3 } from 'node_modules/youtube-vue3/dist/youtube-vue3.common.js'; ^^^^^^^^^^^ SyntaxError: Named export 'YoutubeVue3' not found. The requested module 'node_modules/youtube-vue3/dist/youtube-vue3.common.js' is a CommonJS module, which may not support all module.exports as named exports. CommonJS modules can always be imported via the default export, for example using: import pkg from 'node_modules/youtube-vue3/dist/youtube-vue3.common.js'; const { YoutubeVue3 } = pkg; at ModuleJob._instantiate (node:internal/modules/esm/module_job:124:21) at async ModuleJob.run (node:internal/modules/esm/module_job:190:5)` 我尝试在 nuxt.config.ts 中的构建转换上添加此插件，而不是选项。然后我尝试使用别名，也不是一个选项。我还阅读并遵循了 Nuxt 页面上有关 ES 模块的说明，但没有意义。解决办法是什么？谢谢你 这是如何在 Nuxt 3 中使用它的基本示例 npm i vue3-youtube ~/plugins/loading-youtube.client.ts import Youtube from 'vue3-youtube' export default defineNuxtPlugin((nuxtApp) => { nuxtApp.vueApp.component('Youtube-Component', Youtube) }) 在您的组件或页面中，确保用 Youtube-Component 组件包裹 ClientOnly。 <script lang="ts" setup> </script> <template> <div> <ClientOnly> <Youtube-Component src="https://www.youtube.com/watch?v=y6ulxSMYf40" /> </ClientOnly> </div> </template> 按照此示例，您应该能够在您的页面上看到它。 经过测试，有效！
在 Nuxt 3 文档中，有一个示例展示了如何使用服务器中间件通过 event.context 使用附加信息来注释请求： 导出默认的defineEventHandler((event) =>...
你能帮我解决这个错误吗： 从 的根范围内的 props 获取值将导致该值失去反应性。(vue/no-setup-props-destruct) 我在用着 ： 努...</desc> <question vote="0"> <p>你能帮我解决这个错误吗： 从 <pre><code>props</code></pre> 根范围内的 <pre><code><script setup></code></pre> 获取值将导致该值失去反应性。(vue/no-setup-props-destruct)</p> <p>我正在使用：</p> <ul> <li>nuxt：“^3.6.5”</li> <li>打字稿：“^5.1.6”</li> <li>eslint：“^8.46.0</li> <li>eslint-config-prettier：“^8.10.0”</li> <li>eslint-plugin-nuxt：“^4.0.0”</li> <li>eslint-plugin-vitest：“^0.2.8”</li> <li>eslint-plugin-vue：“^9.16.1”</li> <li>eslint-plugin-vuetify：“^2.0.5”</li> </ul> <p>这是说明问题的示例代码：</p> <pre><code><script lang="ts" setup> const props = defineProps<{ fruit: string }>() const fruitColor = ref<FruitColor>(getColor(props.fruit)) </script> </code></pre> <p>这是我的 .eslintrc.js，它可能会有所帮助</p> <pre><code>module.exports = { root: true, env: { browser: true, node: true }, extends: ['@nuxtjs/eslint-config-typescript', 'plugin:nuxt/recommended', 'plugin:vitest/recommended', 'prettier'], rules: { 'vue/script-indent': ['error', 2, { baseIndent: 1 }], 'vue/max-len': ['error', { code: 120 }], 'vue/component-name-in-template-casing': [ 'error', 'kebab-case', { registeredComponentsOnly: true, ignores: [] } ], 'comma-dangle': ['error', 'never'], } } </code></pre> </question> <answer tick="false" vote="0"> <p>你的 prop 已经是reactive了，你可以有一个使用它的计算变量。</p> </answer> </body></html>
我正在 Nuxt 3 + Laravel（后端）上制作一个网站。我有一个文章编辑器，可以上传图像。我需要将此图像压缩并裁剪为几种不同的格式。那我就拿