Emberコンポーネントにnode_moduleを含める

Question

私のアプリケーションにwavesurferを追加しようとしています。私は指示に従って正確に行った。で：https://www.npmjs.com/package/wavesurfer.js

私はバウアーI 'はwavesurfer.js' から私のnode_modules

輸入WaveSurfer内wavesurfer.jsフォルダを持っていたインストールした後、

理論的には、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を経由してあなたのエンバーアプリを構築していない場合、あなたはあなたのindex.htmlファイルに

<script src="//cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.4.0/wavesurfer.min.js"></script> をライブラリに追加してみてください可能性があり、私がすべきところを知らないwavesurfer-js.org