如何将 wavesurfer.js 与节点捆绑器一起使用？答案

【问题标题】：How to use wavesurfer.js with a node bundler?如何将 wavesurfer.js 与节点捆绑器一起使用？
【发布时间】：2022-07-16 00:21:32
【问题描述】：

我正在尝试将 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 不准备加载导入？？）

小米源码是：

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 中的库，但没有任何使用节点捆绑器的示例。

有没有人设法通过 import 让它与 node 一起工作？

提前致谢

【问题讨论】：

标签： node.js wavesurfer.js

【解决方案1】：

使用这种形式：

import 'wavesurfer.js';

它会起作用，你可以使用 WaveSurfer 对象

文档说从“wavesurfer.js”导入 WaveSurfer；但它不起作用

【讨论】：