#记录下Vite初始化项目遇到的一个问题

今天使用vive脚手架创建了个vue3项目，导入vue模块时发现报了个”Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?“错误

这个错误是由于找不到名为‘vue'模块，原因是因为vue3 库入口文件通过 commonjs 规范导出

解决办法

第一种

将tsconfig.node.json文件中的"moduleResolution"选项从"bundler"改为"node"。这样可以告诉TypeScript编译器在解析模块时使用Node.js的模块解析策略。

第二种

在项目的路径配置中添加别名。可以通过在tsconfig.json文件中的"paths"选项中添加别名来解决这个问题。例如，将别名'vue'映射到正确的模块路径(不建议引入无法做类型推断)。

{
    "compilerOptions": {
        "paths": {
            "vue": ["node_modules/vue/dist/vue.esm-bundler.js"]
         }
    }
}