nuxt.js 相关问题

Nuxt.js是一个用于创建Vue.js应用程序的框架，您可以选择Universal，Static Generated或Single Page应用程序（受Next.js启发）

Nuxt 构建 - 无法添加 Web 组件依赖项

我有一个 monorepo，其中包含 Stencil 使用 VueOutputTarget 提供的模板 Web 组件和 vue 包装器组件。该组件在开发模式下工作正常，但当我运行构建模式时，它会抱怨

javascript nuxt.js nuxtjs3 nuxt3

回答 1 投票 0

优化nuxt.js中的列表加载

我的电子商务项目中有产品列表，我想在用户滚动到页面末尾时加载它，而不是单击“获取下一个 N 记录”，该怎么做？截至目前我正在做分页

pagination nuxt.js

回答 1 投票 0

npm 包 [电子邮件受保护] 错误找不到模块 './shared/untyped.a47b2336.cjs'

我正在学习一个nuxt项目，它使用[email protected]。当我完成yarn install后，我输入yarn run dev，但我收到如下错误消息： $ 纱线运行开发纱线运行 v1.22.19 $ nuxt dev --打开努克斯特...

npm nuxt.js

回答 1 投票 0

会话 ID 已检索，但会话在 nuxt 中未定义

我有一个在端口 8000 上运行的快速后端，具有单个 /login 端点我有一个 nuxt 前端在端口 3000 上运行当我通过前端登录时，会话是在 redis 中创建的如果我刷新...

express nuxt.js cross-domain session-cookies express-session

回答 2 投票 0

如何使用 Vue 3 和 Nuxt 根据加载的当前页面将计算图像 SRC 属性更改为另一属性？

我试图解决这个与 UI 动态变化相关的问题，首先尝试使用原生 vanilla JS，但进一步适应 Nuxt 3 和 Vue。不过，我在功能上遇到了问题

vue.js vuejs3 nuxt.js vuetify.js nuxtjs3

回答 1 投票 0

将自动导入的样式从`~/directory/file`更改为`@/directory/file`？

这是一个愚蠢的问题，但它困扰着我。我有一个使用 Vscode 构建的 Nuxt3 应用程序。任何时候我有自动导入的东西，Vscode 都会使用 ~/

typescript visual-studio-code nuxt.js

回答 1 投票 0

使用 Nuxt UI 进行分页

我正在尝试从 Nuxt UI 实现分页组件，但我无法使其工作。我尝试阅读文档和 youtube，但没有找到任何内容。我不明白如何绑定我的数据...

javascript vue.js pagination nuxt.js vue-component

回答 1 投票 0

使用 Nuxt、Prisma、Supabase 迁移错误

npx prisma 迁移状态从 .env 加载的环境变量从 prisma/schema.prisma 加载 Prisma 模式数据源“db”：PostgreSQL 数据库“postgres”，模式“pu...

vue.js nuxt.js prisma supabase

回答 1 投票 0

Nuxt3 Robots.txt - @nuxtjs/robots 未生成 robots.txt 文件

我正在构建一个 Nuxt 3 项目。我需要我的构建来生成 robots.txt 文件，就像这个包声明的那样 -> https://github.com/nuxt-community/robots-module 运行“nuxt bu...

javascript nuxt.js robots.txt nuxtjs3

回答 6 投票 0

Nuxt js。是否可以为_nuxt文件夹中生成的js文件设置自定义路径？

最近我开始了一个使用 Nuxt js 的项目。但是因为公司与另一个应用程序使用同一服务器，并且 url https://my-company.com/_nuxt/ URL 路径已被另一个应用程序使用...

javascript nuxt.js

回答 3 投票 0

Vuetify - 清除 v 文本字段时如何触发方法

有没有办法在使用 Vuetify 清除文本字段时调用方法？有没有办法在使用 Vuetify 清除文本字段时调用方法？ <v-text-field class="mt-2 mb-0" clearable solo v-model="searchQuery" append-icon="search" @click:append-outer="searchCos" label="Nom de compagnies ou mots-clés"> </v-text-field> onClear() { doSomethingHere() } 您可以使用 @click:clear="()"，这样您就可以在调用该函数的同时清除文本。这是例子 https://codepen.io/anon/pen/ePmLOg?editors=1010 使用 clear-icon-cb 道具。这允许您在单击清除图标时使用自定义回调函数。 <v-text-field clearable :clear-icon-cb="onClearClicked"> </v-text-field> onClearClicked () { // do something } 您可以使用 clearableCallback <v-text-field ref="inputRef" class="mt-2 mb-0" clearable ..... > </v-text-field> <v-btn text @click="clearInput">clear</v-btn> <script> export default { ...... methods:{ ..... clearInput() { this.$refs.inputRef.clearableCallback() } } } 调用输入字段的 reset 函数，例如： <v-text-field ref="inputRef"></v-text-field> <v-btn @click="clearInput">clear</v-btn> <script> export default { methods:{ clearInput() { this.$refs.inputRef.reset() } } } 如果您希望清除按钮将模型值更新为特定值，您也可以覆盖清除图标： <v-text-field v-model="myValue" append-icon="mdi-close" @clear:append="myValue = 1"> </v-text-field> 对于我的情况，@click:clear 不运行。要在文本输入和清除时运行操作，我使用 @input : <v-text-field v-model="search" @input="sendSearch" clearable hide-details></v-text-field> 在我的方法中： methods: { sendSearch(){ this.$emit("send-search",this.search); } }

vue.js vuetify.js nuxt.js

回答 6 投票 0

两次触发相同错误后警报组件不显示

我目前正在使用 Nuxt.js (Vue.js) 开发一个网站，但我的自定义警报组件遇到问题。我在我的网站上创建了一个联系表单，当...

javascript html css vue.js nuxt.js

回答 1 投票 0

通过 nuxt-link 导航时出现错误：未捕获（承诺中）TypeError：无法读取 null 的属性（读取“parentNode”）

我遇到了一个问题，当我转到 nuxt-link 时出现错误： runtime-dom.esm-bundler.js:39 未捕获（承诺中）TypeError：无法读取 null 的属性（读取“parentNode”）在父节点 (

javascript node.js vuejs3 nuxt.js nuxt3

回答 1 投票 0

如何在Nuxt js中访问asyncData中的localStorage

我尝试访问asyncData中的localStorage，但结果是“localStorage未定义” 异步数据（）{ if(localStorage.getItem("myCat")){ 警报（localStorage.g...

vue.js nuxt.js

回答 3 投票 0

nuxt。通过this进入搜索页面.$router.push清除URL查询参数

我想从我的主页转到 nuxt myApp.com/search?parameter=1 中的搜索页面。在主页中，我可以使用 nuxt-link 通过两种方式进入搜索页面：我想从我的主页转到 nuxt myApp.com/search?parameter=1 中的搜索页面。在主页中，我可以通过两种方式进入搜索页面，即使用 nuxt 链接： <NuxtLink :to="`/search?parameter=${number}`" > </NuxtLink> 或者我可以采用一种方法： goToSearch() { this.$router.push(`/search?parameter=${this.number}`); }, 当我使用 nuxt-link 并登陆搜索页面时，网址是正确的，参数为：myApp.com/search?parameter=1 但是，当我使用连接到页面中按钮的方法并且我登陆搜索页面时，网址变为 myApp.com/search，这对我来说是有问题的！请注意，我有两个同时具有方法和 nuxt 链接。我该如何修复它，以便当我使用该方法并进入搜索页面时保留参数？您应该使用它，如文档中提到的 <nuxt-link :to="{ path: 'search-page', query: { search: number } }"> Try search page </nuxt-link> 您也可以这样使用它，具体取决于您想要实现的目标。 <button @click="$router.push({ path: 'search-page', query: { search: number } })"> Try some other way </button> 正确的/pages/search-page.vue页面可以在这里找到。我遇到了与OP相同的问题，但是，我通过使用@click.prevent阻止默认单击操作解决了该问题，例如： <button @click.prevent="$router.push({ path: 'search-page', query: { search: number } })"> Try some other way </button> 我希望可以节省人们几个小时的灵魂探索！

vue.js nuxt.js

回答 2 投票 0

Npm 安装错误。 'npm 错误！吉普错误！找到Python，堆栈错误'[重复]

每当我尝试在 nuxt.js(vue.js) 项目中运行 npm install 或 npm update 时，都会出现以下错误。 npm 错误！代码1 npm 错误！路径 /Users/kyeolhan/ForWork/BackOffceFront/node_modules/deasync npm 错误！

python node.js npm nuxt.js npm-install

回答 3 投票 0

Vue/Nuxt：如何定义所有组件都可访问的全局方法？

我只是想打电话 {{ 全局事物(0) }} 在模板中，无需在每个 .vue 文件中定义 globalThing。我已经尝试了各种插件配置（或混合？不确定是否...

vue.js plugins mixins nuxt.js

回答 4 投票 0

刷新令牌后，下一个身份验证令牌不会持续存在

我目前正在开发 nuxt 应用程序，我需要将其与客户提供商集成以进行身份验证（OAuth）。对于身份验证，我使用 next-auth(AuthJs)，一切正常，当...

authentication next.js jwt nuxt.js next-auth

回答 1 投票 0

VueJS/Nuxt.JS 如何使用“useLocalStorage”正确从本地存储加载状态

我正在尝试使用pinia的useLocalStorage，但是在商店的状态下，数据不是从本地存储获取而是获取默认值。这是我的商店方法中的代码：导入 {