vue2项目中ts问题报错总结

1.eslint报类型错误:Type string trivially inferred from a string literal, remove type annotation @typescript-eslint/no-inferrable- types

解决方法:

在.eslintrc.js文件的rules 增加一行 "@typescript-eslint/no-inferrable-types": "off" // 关闭类型推断

rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    "@typescript-eslint/no-inferrable-types": "off" // 关闭类型推断
  }

2.ts引入echarts报错

解决方法:

在要用的页面中:

import * as echarts from "echarts";

新建方法,在mouted里调用,主要是要在init时加上as HTMLCanvasElement

setPieChart() {
    var myPieChart = echarts.init(
      document.getElementById("pieCharts") as HTMLCanvasElement
    );
    const option = {          
    };
    // 使用刚指定的配置项和数据显示图表。
    myPieChart.setOption(option);
    myPieChart.resize(); //图表自适应窗口宽度
  }

3.ts中路由跳转报错:

(this as any).$router.push(path);

4.ts引入json文件:

在vue项目中的tsconfig.json文件中,添加以下代码,重启项目

"resolveJsonModule": true,

引入的三种方法:

引入可以使用import
eg:  import * as beijing from '../../../public/static/map/100000.json'

在方法里引入可以用:
eg: const city=require('../../../public/static/map/110000.json')

引入路径含有变量:
const city = require("../../../public/static/map/" + 变量名 + ".json");