首页 > 解决方案 > 新的 fetch 不适用于 nuxtjs 中的组件

问题描述

我在使用 v2.13.X 中的新 fetch 方法和完全静态时遇到问题。

它在页面组件中运行良好,但我无法使其在使用新组件模块的组件中运行。它根本不会触发......我阅读了所有文档,看看我是否错了,假设它可以在完全静态或新组件模块中工作,但我找不到任何接近我的代码正在发生的事情。实际上,我尝试了通用模式,但它也不起作用。

我正在执行以下操作:

./components/test.vue

<template>
  <div>test</div>
</template>

<script>
export default {
  fetch() {
    console.log(`test me`)
  }
}
</script>

如果我在任何页面中使用此组件,它不会在控制台中打印任何内容,如果我复制并粘贴 fetch() 方法,就像它在任何页面组件中一样,它将打印消息。

任何人都知道为什么它不能在通过Nuxt 中的新组件模块加载的组件中工作?

标签: nuxt.js

解决方案


显然,当我第一次测试 Nuxt 时,我忘记了我在全球范围内安装了 Nuxt。这就是为什么新的“获取”方法不起作用的原因,因为全局版本仍然在 v2.8.X 中

简单地npm i -g nuxt

发现于:https ://github.com/nuxt/content/issues/97#issuecomment-639106282


推荐阅读