阻止 "Object is possibly 'undefined'." 在 Stencil.js 组件中使用 this.el

Question

Stencil 自最新更新后无法编译我的组件。问题如下：

@Element() el: HTMLSpxEditElement
@Listen('keydown', { target: this.el })
  onClickEnter (evt) {
    if (evt.keyCode === 13) {
      evt.preventDefault()
    }
}

出现此错误：

Object is possibly 'undefined'.

L49:      @Listen('keydown', { target: this.el })
L50:      onClickEnter (evt) {

我在这里通读了这个线程：但是将“this.el”更改为“this!.el”也无济于事。

我不想更改编译器的设置。

Answer 1

我意识到不需要指定事件侦听器，因为它已经应用于宿主元素。

@Listen('keydown')
  onClickEnter (evt) {
    if (evt.keyCode === 13) {
      evt.preventDefault()
    }
}

这解决了我的问题。

阻止 "Object is possibly 'undefined'." 在 Stencil.js 组件中使用 this.el

Prevent "Object is possibly 'undefined'." using this.el in Stencil.js components

javascript

typescript

stenciljs