vue-cli typescript 相关问题及修改

iview相关问题

问题1、iview定制主题出错

说明：less的版本问题造成，版本高于3.x，需要降低版本

操作：yarn add less @2.7.3 // 安装2.7.3版本

问题2、不能使用 this.$Message()

说明：$Message没有全局定义，所以不能使用

操作：修改shims-vue.d.ts文件，添加以下代码

import Vue from "vue";
declare module "vue/types/vue" {
  // 3. 声明为 Vue 补充的东西
  interface Vue {
    $Message: any;
  }
}

问题3、使用axios，不能使用this.$axios

说明：同样是缺少全局声明

操作：修改shims-vue.d.ts文件，添加以下代码

import { AxiosInstance } from "axios";
declare module "vue/types/vue" {
  // 3. 声明为 Vue 补充的东西
  interface Vue {
    $axios: AxiosInstance;
  }
}

问题4、 Parsing error: x-invalid-end-tag（iview的闭合检测）

操作：在esline的rules中添加

"vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]