如何在节点绑定器中使用wavesurfer.js？

Question

我试图在节点绑定器中使用wavesurfer.js，如这里所示：https://www.npmjs.com/package/wavesurfer.js?activeTab=readme但是我无法使它工作，我得到以下错误：

Uncaught SyntaxError: The requested module './../node_modules/wavesurfer.js/dist/wavesurfer.js' does not provide an export named 'default' (at TwoPlayers.js:2:9)

(我试图导入我构建的模块，没有任何问题.似乎wavesurfer.js还没有准备好装载导入吗？)

Mi源代码是：

import { LitElement, html, css } from "lit-element";
import  WaveSurfer    from 'wavesurfer.js';

import { MyFunction2 } from './demo'

// import * as WaveSurfer  from 'wavesurfer.js';

class TwoPlayers extends LitElement {
    static styles = css`
    :host {
        display: block;
        border-radius: 0.5rem;
        padding: 0.2rem 0.5rem;
        background-color: #475119;
        color: #fff;
        font-weight: bold;
    }
    `;

在示例文件夹中，始终将其用作HTML中加载的库，但没有任何使用节点绑定器的示例。

是否有人设法让它使用导入节点？

提前感谢

Answer 1

使用这种方式导入包：

import 'wavesurfer.js';

它将工作，您可以使用WaveSurfer对象。

文件上说：

import WaveSurfer from 'wavesurfer.js';

但这不起作用