在vite+ts项目中，import引入文件标红问题，虽然不影响项目正常运行，但是这个红波浪看的非常难受，作为一名对自己严格要求的程序猿来说，这是不能容忍的。
查找了很多博客资料，找到了解决办法，记录一下。
- 首先在项目的
vite.config.ts文件中，配置路径别名
import { defineConfig } from 'vite' import path form 'path' export default defineConfig({ resolve: { //配置文件扩展名 alias: { '@': path.resolve(__dirname, 'src'), 'assets': path.resolve(__dirname, 'src/assets') }, }, })
- 在
tsconfig.json文件中同样需要添加路径配置
{ "compilerOptions": { "baseUrl": "./", "paths": { "@": ["src"], "@/*": ["src/*"], "assets/*": ["src/assets/*"] } } }
两个文件配置好后，波浪线就消失啦～
情况二：引入路径时，写上 .ts 后缀报错，导入路径不能以".ts"扩展名结束，…
这个问题就很好解决了，把 .ts 后缀去掉即可。
