Question

更新

我替换了

import {WaveSurfer} from "js/wavesurfer.js/src/wavesurfer.js"

作者

import WaveSurfer from "./js/wavesurfer.js/src/wavesurfer.js"

它现在似乎已导入，但是我现在收到以下错误：

SyntaxError: bad method definition (wavesurfer.js:179:4)（请参阅相应的行here）

我正在尝试从wavesurfer.js运行带有代码本地副本的示例。

使用下面显示的代码，我得到

SyntaxError: import declarations may only appear at top level of a module (wavesurfer.js:1)

按照here的建议，我将index.html中的第一行替换为

<script type='module'>
import {WaveSurfer} from "js/wavesurfer.js/src/wavesurfer.js"
</script>

得到

ReferenceError: WaveSurfer is not defined (zoom.js:1:5)
TypeError: Error resolving module specifier: js/wavesurfer.js src/wavesurfer.js index.html:4:25

我应该如何导入WaveSurfer？

index.html

<script src="js/wavesurfer.js/src/wavesurfer.js"></script>
<script src="js/zoom.js"></script>

<div id="waveform"></div>

...

zoom.js

var wavesurfer = WaveSurfer.create({
  container: '#waveform',
  waveColor: 'red',
  progressColor: 'purple'
});

wavesurfer.load('https://ia902606.us.archive.org/35/items/shortpoetry_047_librivox/song_cjrg_teasdale_64kb.mp3');

...

Answer 1

希望它能起作用。尝试相对路径。

<script type='module'>
import { WaveSurfer } from "./src/wavesurfer.js"
</script>

导入JavaScript类时出错

1 个答案: