相关疑难解决方法(0)

没有'new'就无法调用ES6/Babel Class构造函数

我正在尝试创建一个自定义Quill主题,扩展一个泡泡.我面临一个奇怪的ES6继承问题,似乎我无法super()在我的构造函数中调用.这是我的代码:

import BubbleTheme, { BubbleTooltip } from 'quill/themes/bubble'

class LoopTheme extends BubbleTheme {
  constructor (quill, options) {
    super(quill, options)
  }

  extendToolbar (toolbar) {
    super.extendToolbar(toolbar)
    this.tooltip = new LoopTooltip(this.quill, this.options.bounds);
    this.tooltip.root.appendChild(toolbar.container);
  }
}

class LoopTooltip extends BubbleTooltip {

}

LoopTooltip.TEMPLATE = [
  '<span class="ql-tooltip-arrow"></span>',
  '<div class="ql-tooltip-editor">',
    '<input type="text" data-formula="e=mc^2" data-link="https://myurl.com" data-video="Embed URL">',
    '<a class="ql-close"></a>',
  '</div>'
].join('');

export { LoopTooltip, LoopTheme as default }
Run Code Online (Sandbox Code Playgroud)

泡泡主题可以在这里找到

我的巴别预设:

{
    "presets": [
        "es2015",
        "es2016",
        "stage-0",
        "react"
    ]
}
Run Code Online (Sandbox Code Playgroud)

Webpack js文件配置:

  module: …
Run Code Online (Sandbox Code Playgroud)

javascript babel ecmascript-6 webpack quill

6
推荐指数
2
解决办法
9738
查看次数

标签 统计

babel ×1

ecmascript-6 ×1

javascript ×1

quill ×1

webpack ×1