react+vite+ts报错：找不到模块“@/components/CusTable”或其相应的类型声明。ts(2307)

环境：
react+vite+ts
项目新建方式：

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

问题：
用这种方式新建的react项目，在配置了@声明后，一直不生效。

报错 找不到模块“@/xxxxxx”或其相应的类型声明
image.png

通过查询，因为是ts报错，所以需要在tsconfig.json中增加配置，一般的方式为： 
// tsconfig.js 文件
{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

但一直无效。
后来发现，我这个脚手架生成的ts配置文件还包含其它两个文件：


image.png

tsconfig.app.json是针对浏览器运行环境的配置，
在其中增加配置后，问题解决：


image.png
{
  "compilerOptions": {
    // ...
    "baseUrl": "./",  // 设置根目录为基准路径
    "paths": {
      "@/*": ["src/*"]  // 配置 '@' 为 'src' 目录的别名
    }
  },
  "include": ["src"],
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容