TS标红和报错解决(优化项)

1.本地引入json文件调接口使用时，会报resolveJsonModule is not used

解决方法：①用require语法代替import来导入，改为 const json = require(./json)来使用

②在src目录下的shims-vue.d.ts(没有就新建个文件)中新增 

declare module '*.json' {
    const value: any;
    export default value;
}

然后再 import json from 'src/assets/json/users.json' 就不会标红了

　

2.main.ts里引一些node_modules插件时，会有下波浪线报模块没有声明类型，在vue组件中，也会报$my这类的公共模块没有声明

解决方法：在根目录的tsconfig.json的include下新增一个目录，比如 "include": [types]。然后在根目录底下新建一个types文件夹，里面新建一个global.ts

//global.ts
declare module 'vue/types/vue' {
  interface Vue {
    $ajax:any;
    _:any;
    $map:any;
    $my:any;
    $validate:any;
  }      
}    

　　

　　这样以后所有的vue组件使用$ajax和_这些公共磨块时，就不会报没有声明的警告了。