ember.js - 如何在 ember-cli 中导入命名 amd 及其导出

Question

我正在尝试将ic-modal导入 ember-cli 项目，但由于某种原因，我不断收到此错误：

Uncaught Error: <ic-test@view:toplevel::ember278> Handlebars error: Could not find property 'ic-modal-trigger' on object (generated application controller).

我有以下导入语句：

app.import('vendor/ic-styled/main.js'); app.import('vendor/ic-modal/dist/named-amd/main.js', { 'ic-modal': [ 'ModalComponent', 'ModalFormComponent', 'ModalTriggerComponent', 'ModalTitleComponent', 'modalCss' ] });

对此有任何帮助吗？

Answer 1

在Brocfile.js：

app.import('bower_components/ic-styled/main.js');
app.import('bower_components/ic-modal/dist/named-amd/main.js');

如果您仍在使用旧版本的 Ember-CLI，请替换bower_components为上述内容。vendor

然后使用：

import ICModal from 'ic-modal';
// Can now utilise ICModal, ICModal.ModalForm etc

Broccoli 构建和 ES6 模块转译器应该负责其余的工作。

（旁注：使用 Coffeescript 时，将import语句放在反引号中，因为标准的 Coffeescript 编译器不处理 ES6 语法。）