nuxt.js 相关问题

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

如何将 Amazon Affiliate 脚本标签添加到我的 SSR Nuxt 2 应用程序/网站？

我需要将以下 Amazon Affiliate 脚本添加到我的 SSR Nuxt 2 应用程序/网站。在此处输入图像描述我该怎么做？我目前在我的 nuxt.config.js 文件中有这个。头： { 屏幕...

javascript nuxt.js asynchronous-javascript amazon-advertising-api

回答 0 投票 0

我想在页面之间创建过渡，但我希望在某些时候我们可以同时看到上一页和下一页。我在 nuxt3 文档的任何地方都找不到

nuxt.js nuxtjs3

回答 0 投票 0

如何在 Nuxt 3 中输入 useAsyncData 调用的返回值

如何键入从 pinia 存储中获取一些数据的 useAsyncData 调用返回的“数据”？从“〜/商店/销售”导入{useSale}； c...</desc> <question vote="0"> <p>如何键入从 pinia 存储中获取一些数据的 useAsyncData 调用返回的“数据”？</p> <pre><code><script setup lang="ts"> import { useSale } from "~/stores/sale"; const saleStore = useSale(); const { data: vehicle, pending } = useAsyncData<{ data: IVehicle }>( "vehicle", () => saleStore.getVehicle ); </script> </code></pre> <p>目前我的 vscode 给我以下错误</p> <pre><code>No overload matches this call. Overload 1 of 2, '(handler: (ctx?: NuxtApp) => Promise<{ data: IVehicle; }>, options?: AsyncDataOptions<{ data: IVehicle; }, { data: IVehicle; }, KeysOf<{ data: IVehicle; }>>): AsyncData<...>', gave the following error. Overload 2 of 2, '(key: string, handler: (ctx?: NuxtApp) => Promise<{ data: IVehicle; }>, options?: AsyncDataOptions<{ data: IVehicle; }, { data: IVehicle; }, KeysOf<{ data: IVehicle; }>>): AsyncData<...>', gave the following error.ts(2769) asyncData.d.ts(35, 143): The expected type comes from the return type of this signature. </code></pre> </question> </body></html>

typescript vue.js nuxt.js pinia

回答 0 投票 0

带有 Typescript 的 Nuxt3 中的 ESLint + Prettier

大家好，在 Nuxt 3 中使用 typescript 几乎是现在的标准，并且强制执行一致的样式和 linting 也是一种很好的做法。然而，我发现它非常令人沮丧且非常复杂......

typescript nuxt.js eslint prettier

回答 0 投票 0

使用命令“npm run build”时，Nuxt.js2 出现“URL parsing failed”错误

我用的是Nuxt 2 npm run dev，没有报错和问题但是当我使用 npm run build 时，出现以下错误：我删除了一些包，删除了个别页面和组件......

vue.js nuxt.js

回答 2 投票 0

在可组合项中使用 useState 时 Nuxt 3 中的水化问题

我有一个 useHeaderTitle 组合，用于设置和获取 headerTitle：从“vue”导入类型 { Ref }；导出默认值 () => { const headerTitle: Ref = useState("

vue.js nuxt.js server-side-rendering nuxtjs3

回答 0 投票 0

我无法在 nuxt.config.ts 中注册服务器中间件

这是我的 nuxt.config.ts 文件导出默认 defineNuxtConfig({ CSS: [ '@/assets/main.css' ], 服务器中间件：[ '~/serverMiddleware/测试' ] }) 但是打字稿...

nuxt.js nuxtjs3 nuxt3

回答 0 投票 0

Vitest和nuxt 3表单提交测试

我在具有三个输入字段的 nuxt 3 应用程序中获得了一个表单。下面是提交函数的样子： const submitForm = async () => { 尝试 { 等待 $fetch("/api/联系人", { 米...

nuxt.js vue-test-utils vitest

回答 1 投票 0

如何在 Tailwind peer & peer/checked 中使用变量

我知道我们可以使用 peer/{name} (doc) 等名称来区分同行/同行检查。我想使用变量作为名称，例如 :class="peer/${VARIABLE}" 但它似乎不是

vue.js nuxt.js tailwind-css

回答 0 投票 0

Nuxt useFetch/useAsyncData 在方法中两次抛出错误：`nuxt 实例不可用`

当服务器端呈现包含以下逻辑的 nuxt 页面时，我遇到了经典的 nuxt 实例不可用错误： const getImageOne = async () => { 返回...</desc> <question vote="0"> <p>当服务器端呈现包含以下逻辑的 nuxt 页面时，我遇到了经典的<pre><code>nuxt instance not available</code></pre>错误：</p> <pre><code><script setup> const getImageOne = async () => { return await useFetch('https://dog.ceo/api/breeds/image/random'); }; const getImageTwo = async () => { return await useFetch('https://dog.ceo/api/breeds/image/random'); }; const getImages = async () => { return [await getImageOne(), await getImageTwo()]; }; const responses = await getImages(); const dogOne = responses?.[0]?.data?.value; const dogTwo = responses?.[1]?.data?.value; </script> <template> <div> <p>Dog 1: {{ dogOne }}</p> <p>Dog 2: {{ dogTwo }}</p> </div> </template> </code></pre> <p>问题似乎是 useFetch 在一个方法调用中被调用了两次。</p> </question> <answer tick="false" vote="0"> <p>可组合使用引发<pre><code>nuxt instance not available</code></pre>错误的问题已经众所周知，请参阅<a href="https://github.com/nuxt/nuxt/issues/14723" rel="nofollow noreferrer">issue #14723</a>以供参考。</p> <p>在这种情况下的解决方案是使用 <pre><code>callWithNuxt</code></pre> 方法并像这样手动提供 nuxt 实例：</p> <pre><code><script setup> import { callWithNuxt } from 'nuxt/app'; const getImageOne = async () => { return await useFetch('https://dog.ceo/api/breeds/image/random'); }; const getImageTwo = async (app) => { 👇 return await callWithNuxt( app, async () => await useFetch('https://dog.ceo/api/breeds/image/random') ); }; const getImages = async () => { 👇 const app = useNuxtApp(); return [await getImageOne(), await getImageTwo(app)]; }; const responses = await getImages(); ⋮ </code></pre> </answer> </body></html>

nuxt.js nuxtjs3

回答 0 投票 0

如何动态添加商品到购物车？ (Nuxt 3)

如问题所述，我有 1 个产品列表，每个产品都有一个添加购物车按钮。点击添加购物车后，标题上的购物车图标将自动显示一个 div 通知用户...

html vue.js nuxt.js tailwind-css

回答 0 投票 0

Nuxt-image IPX 无法使用 SSR（部署在 Google App Engine 上）在生产环境中找到图片

我在其最新版本 v0.7.1 上遇到了 Nuxt-image 插件的问题：在生产中，图像未通过 nuxt-image 和默认 IPX 提供程序加载。我很难理解这是否...

javascript google-app-engine vuejs2 nuxt.js

回答 1 投票 0

Nuxt 3 路由第一次需要一些时间来更改页面

我正在研究 nuxt 3 项目，并根据标准的文件夹结构使用默认的 nuxt 3 设置菜单。我的问题是当我们访问网站时，如果我们将一个页面更改为另一个页面，那么最初