小编Sud*_*han的帖子

如何修复“类构造函数 LitElement 无法在没有 'new' 的情况下调用”?

我正在使用聚合物中的lit-element 建立一个新项目,构建设置包括使用parcel。我还使用打字稿来编写我的代码。

我首先初始化 npm 并添加所有必要的依赖项:

"dependencies": {
  "@polymer/lit-element": "^0.6.5",
  "@webcomponents/webcomponentsjs": "^2.2.1"
},
"devDependencies": {
  "parcel-bundler": "^1.11.0",
  "tslib": "^1.9.3",
  "typescript": "^3.2.2"
}
Run Code Online (Sandbox Code Playgroud)

现在,当我运行包以 index.html 开始时,其中包括:

@webcomponents/webcomponentsjs/webcomponents-bundle.js
Run Code Online (Sandbox Code Playgroud)

我收到一条错误消息:

Class constructor LitElement cannot be invoked without 'new'
Run Code Online (Sandbox Code Playgroud)

根据其他人的建议,我尝试将 tsconfig 目标设置为“es2016”,但这并不能解决错误。

我的元素.ts

import { 
  LitElement,
  html,
  customElement,
  property 
} from '@polymer/lit-element'

@customElement('ui-text')
export class UiText extends LitElement {
  render() {
    return html`<p>Hi</p>`
  }
}
Run Code Online (Sandbox Code Playgroud)

parcel web-component typescript polymer lit-element

5
推荐指数
1
解决办法
5338
查看次数

标签 统计

lit-element ×1

parcel ×1

polymer ×1

typescript ×1

web-component ×1