解决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;
  }
}

这样就解决了

上一篇下一篇

猜你喜欢

热点阅读