Question

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

在我进行bower安装后，我在node_modules

中有了wavesurfer.js文件夹

从waveurfer.js＆＃39;;
导入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)

我在这上面杀了将近一个星期。

如何为该组件提供该类

由于

Answer 1

好吧，打开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>');

取决于您用于安装依赖项的软件包管理器。我做了一个快速搜索，找到了这个垫片：https://github.com/chrism/ember-cli-wavesurfer-js-shim，它可能包含了构建的lib。但是，似乎没有使用最新的Ember。

Answer 2

如果您没有通过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>

将node_module包含在Ember组件中

2 个答案: