解决vue-cli3 + typescript ./App.vu
2020-05-27 本文已影响0人
who_are_you_
问题描述:
在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;
}
}
这样就解决了