Nuxt 3 在导入组合 api 模块后不会运行答案

【问题标题】：Nuxt 3 won't run after importing composition api moduleNuxt 3 在导入组合 api 模块后不会运行
【发布时间】：2022-09-28 18:24:51
【问题描述】：

我刚刚用 Nuxt 3 开始了一个新项目。只安装了 Sass 和 tailwind 包，一切正常。然后我添加了 composition-api 并且它不再启动了。找不到有关此问题的任何修复程序。

buildModules: [
  \'@nuxtjs/composition-api/module\',
]

然后当我运行 \'npm run dev\' 时：

错误无法启动nuxt：无法读取未定义的属性（阅读\'resolveModule\'）14:27:08

在 Object.compositionApiModule2 (node_modules@nuxtjs\\composition-api\\dist\\module\\index.js:124:85)

这里有人知道如何解决吗？我已经尝试删除节点模块和 package.lock 并重新安装，但它没有帮助。

标签： vue-composition-api nuxtjs3

【解决方案1】：

Nuxt 3 不需要@nuxtjs/composition-api 模块。您可以使用 Vue 3 中所知道的组合 API。

Nuxt 3 中组合 API 的简短 TypeScript 示例：

<script lang="ts" setup>
import { onMounted } from "#imports";

onMounted(() => {
  console.log("Hello World!");
});
</script>

【讨论】：

这是正确的答案