在main.ts文件中导入vue文件，显示找不到"./App.vue"模块

报错情况

由于TypeScript只能识别.ts文件，不能识别.vue文件

1.创建xxx.d.ts文件

//shims-vue.d.ts
declare module '*.vue' {
  import { ComponentOptions } from 'vue'
  const componentOptions: ComponentOptions
  export default componentOptions
}

这样子ts就可以识别vue，把xxx.d.ts文件打开然后关闭，报错提示就消失了。一旦重启报错就又出来了，如果觉得麻烦的可以参考第二种方法。

2.使用tsc --init命令

1.安装node.js

2.全局安装typescript

npm install -g typescript
tsc -v //查看是否安装成功，版本号

3.进入文件目录，运行tsc --init命令

tsc --init  //这是生成一个tsconfig.json文件

把 tsconfig.json 的内容改为如下内容

 {
     "compilerOptions": {
         "target": "esnext",
         "module": "esnext",
         "strict": false,
         "jsx": "preserve",
         "moduleResolution": "node"
     }
 }