@路径别名的配置的时候,引入的path模块报错

292 阅读1分钟

目前ts对@指向src目录的提示是不支持的,vite默认也是不支持的。
所以需要手动配置@符号的指向
在vite.config.ts中添加配置:

import path from "path"  
// https://vitejs.dev/config/  
export default defineConfig({  
plugins: [react()],  
resolve:{  
alias:{  
"@":path.resolve(__dirname,'./src')  
}
}  
})

这时候引入的会path模块报红,但其实我们已经有node,所以就已经有path模块,只是缺少ts的一些
声明配置。所以需要安装关于node这个库的ts声明配置

npm i -D @types/node

安装成功就没有报红了,如果import后面的path报红,就把引入换成

import * as path from 'path';