解决 Vue 项目中 “@vue/composition-api/dist/vue-composition-api.mjs” 找不到的问题

目录

🚨解决 Vue 项目中 “@vue/composition-api/dist/vue-composition-api.mjs” 找不到的问题

🧠 报错背景分析

✅ 正确解决方法

1. 安装 @vue/composition-api

2. 使用 vue-demi 进行 Vue 版本适配

3. 清除缓存重新安装依赖（可选）

🔁 验证修复效果

💡 技术总结

📚 参考链接

🚨解决 Vue 项目中 “@vue/composition-api/dist/vue-composition-api.mjs” 找不到的问题

在 Vue 2 项目中使用 Composition API 时，你可能遇到以下报错：

ERROR  Failed to compile with 1 error

This dependency was not found:

* @vue/composition-api/dist/vue-composition-api.mjs in ./node_modules/vue-demi/lib/index.mjs

To install it, you can run: npm install --save @vue/composition-api/dist/vue-composition-api.mjs

本文将带你一步步分析问题原因并提供完整解决方案。

🧠 报错背景分析

这个错误源于 vue-demi 模块，它作为 Vue 2 和 Vue 3 Composition API 的兼容桥梁。在 Vue 2 项目中，它默认会引用 @vue/composition-api。

而 vue-demi/lib/index.mjs 在构建时尝试通过如下路径导入 Composition API：

import * as VueCompositionAPI from '@vue/composition-api/dist/vue-compos