如何讓我的ember.js應用程序導入從bower或npm安裝的模塊

Question

我對這些東西很陌生，我覺得我必須錯過一些簡單的東西。 我有一個非常基本的Ember.js應用程序，我使用流程指南的CLI工具創建。 代碼位於https://github.com/nfriedly/particle-webhook-manager

它有幾個路由和組件，以及一個第三方依賴，particle-api-js。 我通過bower和npm安裝了兩次，我將其導入到我的一個組件中， 如下所示 ：

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安裝的東西。

您可以使用app.import('bower_components/...js')在ember-cli-build.js導入bower模塊。

您無法直接import它們，但您可以創建vendor shim以便為您提供。 請查看ember-cli文檔。