环境:
react+vite+ts
项目新建方式:
npm create vite@latest my-app -- --template react-ts
问题:
用这种方式新建的react项目,在配置了@声明后,一直不生效。
通过查询,因为是ts报错,所以需要在tsconfig.json中增加配置,一般的方式为:
// tsconfig.js 文件
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
}
}
但一直无效。
后来发现,我这个脚手架生成的ts配置文件还包含其它两个文件:
tsconfig.app.json是针对浏览器运行环境的配置,
在其中增加配置后,问题解决:
{
"compilerOptions": {
// ...
"baseUrl": "./", // 设置根目录为基准路径
"paths": {
"@/*": ["src/*"] // 配置 '@' 为 'src' 目录的别名
}
},
"include": ["src"],
}