javascript - 如何让我的 ember.js 应用程序导入从 bower 或 npm 安装的模块

Question

我对其中的一些东西很陌生，我觉得我一定是错过了一些简单的东西。我有一个非常基本的 Ember.js 应用程序，它是使用 CLI 工具按照指南创建的。代码位于 https://github.com/nfriedly/particle-webhook-manager

它有几个路由和组件，以及一个第三方依赖项 particle-api-js。我通过 bower 和 npm 安装了它两次，并将其导入我的组件之一 like so :

import particle from 'particle-api-js';

我用 ember serve 启动了我的服务器，它构建成功。然后我打开浏览器到 http://localhost:4200/login在我加载组件的位置，它在我的控制台中出现以下错误:

Error: Could not find module `particle-api-js` imported from `particle-webhook-manager/components/login-form`

所以，我的主要问题是:我在这里做错了什么/我如何让它发挥作用？

我的第二个问题是:为什么它“构建”成功，然后为缺少的模块抛出运行时错误 - 它不应该在构建阶段发现吗？

Answer 1

你不应该使用 bower了。使用 ember browserify导入用 npm 安装的东西.

您可以导入 bower ember-cli-build.js 中的模块与 app.import('bower_components/...js') .

你不能import他们直接，但你可以创建一个vendor shim为您提供这个。查看 ember-cli文档。