vue3创建新项目报错：Cannot find module ‘xxx‘_创建vue3项目时出错

作者：小小林熬夜学编程 | 2024-02-20 11:11:29

踩

创建vue3项目时出错

创建vue3项目，命令：

1. 使用vite创建：

npm create vite@latest my-vue-app -- --template vue-ts

2.使用vue官方命令：

npm init vue@latest

创建vue3模板学习vue3.3的新语法，创建完成后发现文件很多爆红：

原因：解析策略是Bundler

解决方法：

1. 使用vite创建的：

在 tsconfig.json和 tsconfig.node.json 文件中添加如下配置：


"compilerOptions": {
 
    ......
 
 +   "moduleResolution": "node",
  }

配置完成后还会报红：

未知的编译器选项“allowImportingTsExtensions”，用于控制是否允许在 import 语句中导入 .ts 文件扩展名，从 TypeScript 3.8 开始，这个选项已经被废弃了。

解决方法：删除该选项即可。

2. 使用vue官方命令创建：

在 tsconfig.app.json 和 tsconfig.node.json 文件中添加如下配置：


"compilerOptions": {
 
    ......
 
 +   "moduleResolution": "node",
  }

完成如上配置即可。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/119664