vite中引入vue文件报错解决方案

2,299 阅读1分钟

import 引用 .vue文件报错

import App from './App.vue'

创建 src/types/shims-vue.d.ts 文件(命名可变)

declare module  '*.vue' {
  import { defineComponent } from 'vue'
  export default defineComponent
}

注意:须在tsconfig.json中同步文件声明配置
tsconfig.json 文件

{
  "compilerOptions": { ... },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "src/types/images.d.ts",
    "src/types/shims-vue.d.ts",
  ],
  "exclude": [
    "node_modules"
  ]
}