Nuxt.js是一个用于创建Vue.js应用程序的框架，您可以选择Universal，Static Generated或Single Page应用程序（受Next.js启发）
我使用 Nuxt Typescript 和 Pinia 2.0.35 构建了一个电子商务，我制作了一个包含分页的页面存储，它工作正常，但我想为多个类别创建一个存储，并更新......
当我尝试在我的 nuxt 3 应用程序中渲染这个很棒的字体组件时，我遇到了以下错误，正确地遵循了所有 npm 安装并且无法在没有任何错误的情况下在应用程序中获取图标。 在
Nuxt3：如何在 docker build 之后通过 process.env 设置运行时环境变量
如果我使用 docker-compose 和环境变量在本地构建和运行我的 nuxt3 应用程序，它会工作得很好。 但是当我将构建的 docker 镜像推送到我的远程生产环境时，我无法...
简单的问题，但我无法通过尝试不同的语法找到/弄清楚它。 在 vue 中工作并且需要应用多种样式（使用 tailwindcss）。一种样式效果很好，下面的代码验证了...
我不能使用父切换组件（我试过了，这是因为我只有代码要传递，但它不起作用），但我需要显示和显示各个独特的产品部分。我试过用钥匙和身份证...
我正在尝试测试我的 nuxt 页面是否呈现从可组合项接收的内容。在实际场景中，可组合项将从外部 API 获取信息。为了保持我的测试独立......
Nuxt Pinia：无法从非 EcmaScript 模块导入命名导出“计算”（仅默认导出可用）
我不能在 nuxt 2.15.8 和 Vue 2.7.10 中使用 Pinia 和 Typescript，我尝试了很多方法并安装了很多依赖项，但它不起作用，我尝试了很多东西，我不得不重新启动我的主要 fol.. .
Pinia：无法从非 EcmaScript 模块导入命名导出“计算”（仅默认导出可用）
我不能在 nuxt 2.15.8 和 Vue 2.7.10 中使用 Pinia 和 Typescript，我尝试了很多方法并安装了很多依赖项，但它不起作用，我尝试了很多东西，我不得不重新启动我的主要 fol.. .
我有一个模态组件，它需要一个道具来显示模态我也有模态发出关闭功能。一切正常，直到我更改页面路由并返回到包含 mod 的页面......
我使用 Nuxt 3 及其内容模块。 当我获取我的 /content/ 文件夹结构时，.md 文件按原样返回，而文件夹被音译成拉丁文。 关于 c 没有什么特别的提供...
Nuxt 3 SSR 确实在客户端而不是服务器端执行 XHR
我已经开始构建一个Nuxt 3项目。 Nuxt 的一大优势是它支持开箱即用的 SSR，这对 SEO 来说是一大优势。这是因为整个页面都呈现在 ...
Private runtimeConfig (API token)不能用于客户端NUXT 3通用渲染
我正在使用可组合项为 useFetch() 设置默认标头，如下所示： // ~/composables/useMyFetch.js export const useMyFetch = (request, opts) => { const config = useRuntimeConfig(); 返回
Nuxt 3 + Primevue 的下拉菜单：箭头键不起作用
我有两个 Nuxt 3 项目，其中 PrimeVue 下拉菜单在使用箭头键时无法正常工作： 预期行为： 聚焦时，当我使用
TypeError：无法解构“Vue.ssrUtils”的属性“createComponentInstance”，因为它未为 nuxt 和 jest 定义
我正在尝试将 jest 测试框架加入我的 nuxt 项目，但是在这样做的同时， 我遇到了一个主要障碍，因为我无法测试简单的组件。我找不到合适的所以...
useHead“titletemplate”不使用 Nuxt 稳定版将标题放在主页上
useHead({ titleTemplate: (titleChunk) => { if(titleChunk) return `${titleChunk} - Movie Site`; 别的 { 返回“电影网站”； } } } ); “电影网站&...
我需要为 Nuxt3 配置服务器端口。我尝试这样做： nuxt.config.ts 从'nuxt3'导入{defineNuxtConfig} 导出默认 defineNuxtConfig( 邀请：{ 服务器： { 端口：5000， },...
这是我的循环 这是我的循环 <template> <div> <!-- title --> <section class="pt-4 w-fit mx-32 grid grid-cols-1 lg:grid-cols-4 md:grid-cols-2 justify-items-center justify-center gap-y-20 gap-x-20 mt-4 mb-5"> <tr v-for="product in products" :key="product.id"> <div class="w-56 bg-white rounded-xl duration-500 hover:scale-105 hover:shadow-xl"> <div v-for="(image, index) in product.images" :key="image.url"> <div v-if="index === 0"> <img :src="image.url" alt="" class="h-[14rem] w-72 object-cover rounded-xl"> </div> </div> <div class="px-2 py-3 w-60"> <p class="text-lg font-semibold text-black truncate block capitalize">{{ product.name }}</p> </div> <stars :numStars=product.stars :numReviews=product._count.reviews></stars> <div class="flex items-center"> <p class="pl-2 text-lg font-bold text-black cursor-auto my-1">R$ {{ product.price }}</p> <div v-for="(sticker, index) in product.stickers" :key="index"> <p>Sticker name: {{ sticker.name }}</p> <p>Sticker discount: {{ sticker.discount }}</p> <div :title=sticker.color></div> <p class="">Sticker color: {{ sticker.color }}</p> <p>Sticker text color: {{ sticker.textColor }}</p> </div> </div> </div> </tr> </section> </div> </template> 我从一个 api 获取数据，它在浏览器中返回这个（在这种情况下只有最后一个产品有标签，我放随机颜色只是为了测试）： 我如何使用贴纸颜色和文字颜色来动态使用，每个产品都可以有两个贴纸，所以很难使用颜色，但即使有人知道如何用一个贴纸做到这一点，我也会非常感激，下面是我试图达到的布局： 在这种情况下完全考虑前面的 Tailwind，而是使用内联 style 属性来应用动态获取的颜色： <div :style="{ color: sticker.textColor, backgroundColor: sticker.color }"> 这是因为 Tailwind 需要在 build 时在源代码中将类视为完整的完整字符串，但如果您在 run 时从其他来源动态获取值，这是不可能的。
当我使用这个命令创建一个新的 Nuxt 3 项目时： npx nuxi 初始化 nuxt 应用程序 它输出此错误： 错误（节点：1752）实验性警告：Fetch API 是一项实验性功能。这个功能
社区， 现在我正在使用 nuxt.js 开发一个多语言站点。我知道有一个名为 i18n 的解决方案。但我的计划不是将英语术语翻译成西班牙语。我正在尝试创造不同的...
我在 Nuxt 应用程序中工作，并使用基于 CSS 的平滑滚动来锚定链接。平滑滚动本身有效，但 scroll-margin 属性没有任何作用......它似乎完全没有......