vite + ts 找不到模块@/xxxx 或其相应的类型声明
报错解释:
这个错误通常表示 Vite 项目中的 TypeScript 配置无法找到指定模块或其类型声明文件。@/
通常是一个别名,代表项目的 src 目录。如果 Vite 或 TypeScript 配置中没有正确设置这个别名,或者相应的文件不存在,就会发生这个错误。
解决方法:
- 确认
tsconfig.json
或jsconfig.json
中是否有关于@
别名的配置。如果没有,你需要添加一个。例如:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
}
}
- 确保
vite.config.ts
或vite.config.js
中正确配置了别名。例如:
import { defineConfig } from 'vite';
import path from 'path';
export default defineConfig({
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
});
- 如果模块是一个第三方库,确保已经通过 npm 或 yarn 安装了该库。
- 如果是自定义模块,请检查文件是否确实存在于项目的 src 目录下,并且文件名没有拼写错误。
- 清除 Vite 缓存,并重新启动开发服务器。可以通过执行
npx vite --force
来强制重建缓存。 - 如果问题依旧存在,请检查是否有其他配置错误或者是 Vite 和 TypeScript 版本兼容性问题。
评论已关闭