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");