解决vue-cli3 + typescript ./App.vue 找不到模块 问题

问题描述：

在main.ts文件中提示import App from './App.vue'处，找不到 App.vue 这个模块，下图：

image.png

解决方法：

1、将 shims-vue.d.ts 文件一分为二。
2、在 shims-vue.d.ts 文件同级目录下新建 vue.d.ts（名字不一定叫 vue，如 xxx.d.ts 也可以），然后此文件包含代码如下

// 我在shims-vue.d.ts的同级别文件中新建了一个vue.d.ts
// vue.d.ts的代码
declare module '*.vue' {
    import Vue from 'vue'
    export default Vue;
}

// shims-vue.d.ts文件配置
import Vue from 'vue'
import VueRouter, { Route } from 'vue-router'
import { Store } from 'vuex'
declare module 'vue/types/vue' {
  interface Vue {
    $router: VueRouter;
    $route: Route;
    $store: Store<any>;
    // 以下是在main.ts中挂载到Vue.prototype上的变量
    $api: any;
    $mock: any;
    $configs: any;
    $Message: any;
  }
}

这样就解决了