Argument of type ‘HTMLElement | null‘ is not assignable to parameter of type ‘HTMLElement‘. Type ‘

在vue3.0+typescript+echarts5.0项目中，初始化图表，public myChart = echarts.init(document.getElementById("main"))；控制台出现以下报错Argument of type 'HTMLElement | null' is not assignable to parameter of type 'HTMLElement

Cheryl71

5316人浏览 · 2021-04-12 16:57:00

Cheryl71 · 2021-04-12 16:57:00 发布

在vue3.0+typescript+echarts5.0项目中，初始化图表，

public myChart = echarts.init(document.getElementById("main"))；

控制台出现以下报错

Argument of type 'HTMLElement | null' is not assignable to parameter of type 'HTMLElement'.
  Type 'null' is not assignable to type 'HTMLElement'.

解决方法：增加类型断言(Type Assertion)

public main: HTMLElement = document.getElementById("main") as HTMLElement;
public myChart = echarts.init(this.main);

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^