github上找到的vue3-admin项目,下载后启动发现vscode总报错
找不到模块“@/components/xxx/xxx”或其相应的类型声明
需要配置tsconfig.json
tsconfig.json配置
{
"extends": "./tsconfig.base.json",
"compilerOptions": {
"paths": {
// "@/*": ["src/*"],
"@/*": ["src/*"],
"~/*": ["typings/*"]
},
"typeRoots":[
"./typings"]
},
"include": ["src", "typings"],
// "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue","src/**/*.js",],
"exclude": ["node_modules", "**/dist"]
}
extends了tsconfig.base.json这个文件,其中有两项
// 允许编译器编译JS,JSX文件
"allowJs": true,
// 允许在JS文件中报错,通常与allowJS一起使用
"checkJs": true,
这里记得修改成true,否则js中会报错
还有一点也容易忽略,在VSCode中需要设置
1、点击右下角
![](https://i-blog.csdnimg.cn/blog_migrate/2231dbf94f661f3393286f836fc157ab.png)
2、选择
![](https://i-blog.csdnimg.cn/blog_migrate/a4450e5e9e4e6b75c784be89afd25886.png)