Nuxt.js是一个用于创建Vue.js应用程序的框架,您可以选择Universal,Static Generated或Single Page应用程序(受Next.js启发)
Nuxt3 build .output 文件夹保持为空,没有从 .nuxt 复制任何内容
我遇到了一个相当奇怪的问题(在对 Web 应用程序 Vue2+Nuxt2 ===> Vue3+Nuxt3 进行重大重构之后发生,尽管我不确定这是否直接相关)。 问题...
我正在安装新的 Nuxt 3.9.3 应用程序,并且收到以下警告。我的开发工具无法工作。我在 MacOS 上。 项目 % npx nuxi init nuxt-3 ✔ 您想要哪个包管理器...
Firestore 文档创建导致 GrpcConnection 错误 Nuxt3
我想为我的 Nuxt3 应用程序使用 Firebase/Firestore SDK。当我想在我的 firestore 数据库中存储新文档时,它总是会导致以下错误: @firebase/firestore:Firestore(10.11....
获取加载失败:尝试将文档添加到 Firestore、Nuxt3 时获取 [...]
我正在尝试使用 Firebase 模块化 Web SKD 将文档保存到我的 firestore 数据库中: 常量应用程序 = 初始化应用程序( { apiKey:process.env.FIREBASE_API_KEY, authDomain:进程....
我可以使用带有 tailwind 前缀“tw-”的 PrimeVue 组件吗?
我目前正在尝试使用 PrimeVue 组件将 Nuxt 3 项目从 Bootstrap 重构为 Tailwind。因此,我对 Tailwind 类使用 Railwind 前缀 tw- 将它们与
当我在 module.ts 中注册 Nuxt Nitro 插件时失败
我从'#build/types/nitro-imports'导入defineNitroPlugin来创建一个硝基插件。我的硝基插件代码如下所示。然后我在 module.ts 文件中注册该插件。然而,当我建造...
我的“入口”中有这个配置 api版本:networking.k8s.io/v1 种类: 入口 元数据: 名称:ingress-nginx-rewrite 命名空间:ns-apropo-uat 注释: nginx.ingress.
在 Nuxt 项目中将 Scrolltrigger 与 Lenis 混合
我在 nuxt 组件中制作滚动触发动画时遇到一些麻烦。 基本上我有一个用于 nuxt 页面的 lenis 脚本,在该页面内有一个用于 projectItem.vue 的滚动触发脚本
在使用 nuxt-property-decorator 的 nuxtjs 中添加动态元标记时遇到问题
我尝试使用 nuxt-property-decorator 在 nuxtjs 中添加元标签,但只添加了标题标签,但没有添加其他元标签 我也使用了 vue-meta 包,但我也失败了
我想在Nuxt项目中使用'npm rungenerate',但我有错误: 路径 C:/Users/Марина/OneDrive/Desktop/weHost/zabota-dialog/nuxt.config.js 不在 cwd C:\Users\Марина\OneDrive\Desktop\weHost\z...
如何在runtimeConfig中移动nuxt模块的配置键? 原因是我希望能够使用以下命令覆盖环境中的配置值(秘密):NUXT_API_SECRET...
Azure 上使用 Bitbucket Pipeline 的 Nuxt 3 应用程序
我在许多似乎从来没有真正帮助过的教程中有点迷失。我正在尝试使用 Bitbucket 将 Nuxt 3 应用程序部署到 Azure Static Web Apps。 Bitbucket 中的管道如下所示:
如何从浏览器网络Fetch/XHR请求列表中隐藏服务器api调用请求?
我有 Nuxt 3 项目,有两个页面和一个服务器 API: 配置文件:nuxt.config.ts 导出默认的defineNuxtConfig({ 路线规则:{ '/api/**': { 缓存:{ maxAge:60 ...
目录结构: 成分 组件/部分/ 组件/部分/型材 组件/部分/配置文件/Sidebar.vue 组件/部分/main/InformationSlider.vue 这是默认路径...
我正在学习 NUXT,现在遇到了问题。 我正在尝试在模块中使用钩子,但我不知道如何使用,因为官方文档没有任何有关在组合 api 中使用钩子的信息。我...
尝试学习 nuxt3 和 element plus 是我以前依赖的,但是一起使用 有些人有依赖性问题 这是错误消息 在index.vue文件中使用element ui组件然后去...
V-for 在 nuxt.js 中不起作用,我正在尝试循环卡片组件
开发工具告诉我: [Vue warn]:无效的道具:道具“产品”的类型检查失败。期望的对象,得到数组 我的索引页: 开发工具告诉我: [Vue warn]:无效的道具:道具“产品”的类型检查失败。期望的对象,得到数组 my index page: <template> <div class="container" v-if="loading">loading...</div> <div v-else> <div v-for="product in products" :key="product.id"> <product :product="product"/> </div> </div> </template> <script> import Product from '../components/product.vue'; export default { components: { Product }, data() { return { loading: true, products: [], }; }, async mounted() { this.loading = true; const response = await this.$axios.$get("/api/products"); this.products = response; this.loading = false; }, }; </script> 卡片组件: <template> <b-card> </b-card> </template> <script> export default { props :{ product:{ required: true, type:Object } } } </script> 我期待看到两张卡片 我正在尝试在索引页面中渲染卡组件(bootstrap vue),从数据库中获取数据,所以我在数据库中注册了 2 个产品,我应该在我的页面中看到 2 张卡,但我只看到 1 张卡,就像我一样正在放置组件 vue 开发工具说: 产品:阵列 0:对象 描述:“描述” 编号:1 img:“https://images.unsplash.com/photo-1523275335684-37898b6baf30?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=799&q=80” 名称:“产品1” 价格:“10.00” 1:对象 描述:“描述” 编号:3 img:“https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80” 名称:“产品 2” 价格:“12.00” 所以数组中有 2 个产品,如果我尝试更改“数组”中的 props 类型,它的工作效果不一样 状态products是一个对象,包含data。 那是一个数组,所以迭代应该是 <div v-for="product in products.data" :key="product.id"> 这样,Product组件将包含所需的对象。
活动语言和翻译来自 API。我需要找到一种方法将 i18n 设置为异步。 因此,首先我将从 API 获取该网站的可用语言,之后我会...
我正在开发一个 Nuxt3 项目,该项目使用 Vite 作为默认捆绑器。 它的 HMR 工作得非常好,直到我发现每次有任何更改时整个应用程序都会重新启动,控制台...
有2个方法,我想在方法getDownloadUrl完成将所有url推送到数组时将数据推送到数据库 异步 getDownloadUrl(newCardData) { const cardImagesRef = 等待这个....