Javascript 在Ember route中使用脚本资源Triangalify修改DOM

我正在学习余烬，在余烬路线中使用脚本依赖关系时遇到了障碍。我已使用

ember cli build.js

中的

app.import（）

将bower依赖项包含在我的应用程序中：

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

我想使用此脚本修改主路线模板上的背景。我想把背景效果应用到我主页上的一个元素上。我将向我的主路由的输出容器中添加一个自定义类，或者现在将全局

.ember view

div作为目标以使其工作

我意识到我对余烬是如何实现的知之甚少，对于如何实现这一功能，我感到相当困惑。当我尝试将Triangalify导入我的

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导入该文件，因为组件是指示视图层关注点的内容

---

谢谢您的帮助。

我找到了一个使用的解决方法

快跑

npm安装--保存开发成员浏览三角化

然后通过

---

从“npm:Triangalify”导入Triangalify
非常感谢您的回答。这很有效。此外，我还创建了一个Triangalify组件，并连接到
didInsertElement
方法来触发我的功能。谢谢你的帮助：）