解决 Vue3 + TypeScript 项目报错：Cannot find module 'vue'

Vue3 + TypeScript 项目报错：Cannot find module 'vue' 解决指南

在创建 Vue 3 + TypeScript 项目时遇到 Cannot find module 'vue' or its corresponding type declarations 错误意味着 TypeScript 无法找到 Vue 模块或其类型声明。

别担心，本文将带你逐一排查问题，找到解决方案。

常见原因和解决方法

1. Vue 3 模块未正确安装:

   • 确保使用以下命令之一正确安装 Vue 3：

   bash npm install vue@next # 或者 yarn add vue@next

2. TypeScript 缺少 Vue 类型声明:

   • 安装 Vue 的类型声明：

   bash npm install --save-dev @types/vue # 或者 yarn add -D @types/vue

3. TypeScript 配置问题:

   • 检查 tsconfig.json 文件，确保包含以下配置：

     { 'compilerOptions': { 'target': 'esnext', 'module': 'esnext', 'strict': true, 'moduleResolution': 'node', 'resolveJsonModule': true, 'esModuleInterop': true } } ``` - 以上配置中的其他选项可根据项目需求调整。

其他排查方向

• 检查项目结构和依赖项是否正确。 - 确保使用的 Vue 3 和 TypeScript 版本兼容。 - 查阅 Vue 和 TypeScript 官方文档获取更多帮助。

希望本文能帮助你解决 'Cannot find module 'vue'' 错误，顺利进行 Vue 3 + TypeScript 项目开发！