0

我正在尝试将 wavesurfer 添加到我的应用程序中。我完全按照说明做了。在：https ://www.npmjs.com/package/wavesurfer.js

在我安装凉亭后，我的 node_modules 中有 wavesurfer.js 文件夹

从“wavesurfer.js”导入 WaveSurfer；

理论上 WaveSurfer 类应该在我的组件上可用。但是在我包含上面的代码之后，我有这个错误

Uncaught Error: Could not find module wavesurfer.js
at requireModule (loader.js:58)
at reify (loader.js:41)
at requireModule (loader.js:69)
at Class._extractDefaultExport (ember-resolver.js:390)
at Class.resolveOther (ember-resolver.js:122)
at Class.superWrapper [as resolveOther] (ember.debug.js:17407)
at Class.resolve (ember.debug.js:4597)
at Registry.resolve [as resolver] (ember.debug.js:4437)
at resolve (ember.debug.js:2109)
at Registry.resolve (ember.debug.js:1715)

我为此杀死了将近一个星期。

如何使该类可用于我的组件

谢谢

4

2 回答 2

0

好吧，打开您的ember-cli-build.js并导入库，如下所示：

  // if you used npm then:
  app.import('node_modules/<path-to-wavesurfer.js>');

  // if you used bower then:
  app.import('bower_components/<path-to-wavesurfer.js>');

取决于您用于安装依赖项的包管理器。我进行了快速搜索，发现了这个 shim：https ://github.com/chrism/ember-cli-wavesurfer-js-shim ，它可能将 lib 包含在构建中。但是，似乎没有使用最新的 Ember。

于 2017-12-08T13:49:28.537 回答
0

如果您不是通过ember-cli构建您的 Ember 应用程序，您可以尝试将库添加到您的index.html文件中

<script src="//cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.4.0/wavesurfer.min.js"></script> 并按照wavesurfer-js.org<div id="waveform"></div>中的说明 为其分配一个容器

于 2017-12-12T13:36:45.877 回答