vue3+vite中 使用@不能找到模块 Cannot find module ‘@/utils/request‘ or its corresponding type declarations

一、问题表述

在引入ts 文件的时候，我使用 import requset from ‘@/utils/request’; 使用"…/…/utils/request"的时候是可以引入的成功的，加上@ 不行，那问题可能与@有关。

二、解决方案

执行 npm i @types/node --save-dev 项目结构中会自动生成一个vite-env.d.ts文件

(1)配置别名 vite.config.js

// 引入path
import path from "path";  
const pathSrc = path.resolve(__dirname, "./src");
resolve:{
   alias:{
     '@': pathSrc
   }
 }

(2) 在 tsconfig.json中配置代码

"compilerOptions":{
	"baseUrl": "./",
	"paths":{
		"@": ["src"],
		"@/*": ["src/*"],
	}
}

使用上面的代码，我的文件就可以正常引入啦