如何在Pprod上運行多個角度指令模塊

Question

我正在研究jhipster Release 0.7.0，我在jhipster app.first中有多種類型的指令模塊，第一個用於索引頁面，第二個用於commmon指令。

當我們在Prod配置文件上運行時，我得到一個例外： -

[31mPhantomJS 1.9.7（Windows 7）錯誤[39m錯誤：[$ injector：nomod]模塊'通用服務'不可用！ 您要么錯誤拼寫了模塊名稱，要么忘記加載它。 如果注冊模塊，請確保將依賴項指定為第二個參數。 http://errors.angularjs.org/1.2.11-build.2192+sha.e2173f9/ $ injector / nomod？p0 = D的公共服務：/ github_repo / gather-our-code / src / main / webapp / bower_components /角度/ angular.js：1531

相同的代碼正在開發配置文件..

請盡快幫我解決這個錯誤

Answer 1

“prod”配置文件使用JavaScript縮小（由Grunt運行），這將減小JavaScript文件的大小。 由於這會修改您的JavaScript代碼，因此可能會導致問題，具體取決於您編寫依賴項注入代碼的方式。 您是否查看過提供的示例指令？ 或者在樣品控制器處？ 您必須以相同的樣式編寫依賴注入。

例如，要注入$ scope：

jhipsterApp.controller('MainController', ['$scope',
    function ($scope) {
}]);

這將確保縮小過程不會破壞“$ scope”變量的依賴注入。

如果你不能使它工作，你也可以從縮小過程中排除你的文件：它取決於你的負載，但對於大多數應用程序，這是過度的。 這是在Gruntfile.js文件中配置的。