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

项目是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 '@'
 

猜你喜欢

转载自blog.csdn.net/weixin_44821114/article/details/132754822