解决：使用@符号，报错：找不到模块“@”或其响应的类型声明。

最新推荐文章于 2025-06-30 20:53:33 发布

宇文合

最新推荐文章于 2025-06-30 20:53:33 发布

阅读量4.5k

点赞数 4

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_44821114/article/details/132754822

文章讲述了在使用Vue3、TypeScript和Vite开发项目时，如何通过配置vite.config.js中的alias、tsconfig.json的baseUrl和paths以及shims-vue.d.ts来处理模块路径问题，以解决编译时的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目是vue3+ts+vite，报了这个错，需要配置下面几个配置项
1.vite.config.js的配置

const path = require('path')
import { defineConfig } from 'vite'

export default defineConfig({
base: '/',
plugins: [vue(), vueJsx()],
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
'@api': path.resolve(__dirname, 'src/api'),
'@views': path.resolve(__dirname, 'src/views'),
'@utils': path.resolve(__dirname, 'src/utils'),
'@comp': path.resolve(__dirname, 'src/components'),
'@assets': path.resolve(__dirname, 'src/assets'),
}
},
})

2.tsconfig.json中添加配置

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

3.还有这个，不知道有没有用，反正也加上了 shims-vue.d.ts文件中添加

// shims-vue.d.ts
declare module '@'