一、问题表述

在引入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/*"],
	}
}

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

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐