一、在vite.config.ts中添加配置
javascript">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声明配置。
二、安装@types/node
javascript">npm i -D @types/node
安装成功就没有报红了,如果import后面的path报红,就把引入换成 import * as path from 'path'
三、配置路径别名的提示
虽然现在路径别名已经有了,但在文件中输入@没有路径提示。
需要在 tsconfig.json 中:添加两项配置
javascript">"compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}}
}
配置好之后敲@后就有路径资源提示啦~