#记录下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"]
}
}
}