1

私は Ember を学んでいますが、ember ルートでスクリプトの依存関係を使用することになると、障害にぶつかりました。in を使用して、bower 依存関係Trianglify.jsをアプリケーションに含めました。app.import()ember-cli-build.js

app.import('bower_components/trianglify/dist/trianglify.min.js');

このスクリプトを使用して、ホーム ルート テンプレートの背景を変更したいと考えています。ホームページの要素に背景効果を適用したいと考えています。カスタム クラスをホーム ルートの出力コンテナーに追加するか、.ember-view今のところグローバル div をターゲットにして、動作させるようにします。

Ember の仕組みについてほとんど知らないことに気づき、この機能を実現する方法についてかなり混乱しています。次のように Trianglify をhome.jsルートにインポートしようとすると:

import Ember from 'ember';
import Trianglify from 'Trianglify';

var pattern = Trianglify({
  width: window.innerWidth,
  height: window.innerHeight,
  cell_size: 90,
  variance: 1,
  stroke_width: 0.6,
  color_function : function(x, y) {
    return '#de6551';
  }
}).svg();

export default Ember.Route.extend({
});

エラーが発生します：

Uncaught Error: Could not find module `Trianglify` imported from `site/routes/home`

スクリプトがどこに移動するのapp.import()か、アプリケーションの他の場所でこれらのスクリプトを使用して特定のビューの要素の表示を変更する方法がわかりません。他の JS ファイルで使用するためにこのスクリプトをインポートするにはどうすればよいですか? どのように参照すればよいですか？

また、コンポーネントは使用すべきものであるため、このルートのカスタム ラッパー コンポーネントを作成し、Trainglify をそのファイルにインポートしますか?

助けてくれてありがとう。

4

1 に答える 1