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

哪有人敲代码不戴头盔的

于 2022-09-09 15:30:23 发布

阅读量5.1k

点赞数 1

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_44090753/article/details/126783805

版权

本文档详细介绍了在Vue3+TS项目中遇到的配置问题，包括vite.config.js的设置，如基础路径和别名配置，以及tsconfig.json中关于模块解析的配置。同时，还提及了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 '@'