將node_module包含到Ember組件中

Question

我正在嘗試將waveurfer添加到我的應用程序。 我完全按照指示做了。 網址 ： https ： //www.npmjs.com/package/wavesurfer.js

進行Bower安裝后，我的node_modules中有waveurfer.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)

我為此花了將近一個星期的時間。

如何使該類可用於我的組件

謝謝

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>並為其分配容器<div id="waveform"></div>如Waveurfer-js.org所述