2016-04-25 8 views
0

HTML + Javascript(Angular 1.5.0)+ CSSのフロントエンドを使用して開発しているWebアプリケーションがあります。私のlocalhost上で実行すると、ウェブサイトは正常に動作します。私は/index.htmlファイルを持っています。このファイルは、私のjavascriptコードを次のようにインポートします:<script src="/app/app.js"></script>なぜ私のJavascriptは正常に動作しますが、ミニネージは実行されません。

しかし、今はGruntを使って自動化されたlinting、uglifyingなどを実装しました。グランは非常にうまく私の単一のJavascriptファイル(/app/app.cs)をminnified(/dist/js/app.min.js)に変換します。私は/index.htmlに、代わりにminnified Javascriptを含めるように変更しました:<script src="/dist/js/app.min.js"></script>。しかし、アプリケーションは動作しなくなりました。そして、ブラウザのDEVコンソールで、私は次のエラーを参照してください。

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to: 
Error: [$injector:unpr] Unknown provider: a 
http://errors.angularjs.org/1.5.0/$injector/unpr?p0=a 
    at http://127.0.0.1:8080/bower_components/angular/angular.js:68:12 
    at http://127.0.0.1:8080/bower_components/angular/angular.js:4397:19 
    at getService (http://127.0.0.1:8080/bower_components/angular/angular.js:4550:39) 
    at injectionArgs (http://127.0.0.1:8080/bower_components/angular/angular.js:4574:58) 
    at Object.invoke (http://127.0.0.1:8080/bower_components/angular/angular.js:4596:18) 
    at runInvokeQueue (http://127.0.0.1:8080/bower_components/angular/angular.js:4497:35) 
    at http://127.0.0.1:8080/bower_components/angular/angular.js:4506:11 
    at forEach (http://127.0.0.1:8080/bower_components/angular/angular.js:321:20) 
    at loadModules (http://127.0.0.1:8080/bower_components/angular/angular.js:4487:5) 
    at createInjector (http://127.0.0.1:8080/bower_components/angular/angular.js:4409:19) 
http://errors.angularjs.org/1.5.0/$injector/modulerr?p0=raptorApp&p1=Error%…F%2F127.0.0.1%3A8080%2Fbower_components%2Fangular%2Fangular.js%3A4409%3A19) 

なぜ通常のJavascriptファイルは正常に動作しますが、うなり声によって縮小さ1ではないだろうか?どうすれば修正できますか?

+0

私のために働いていたminnifying前にgrunt-ng-annotateを使用してください。ありがとう! https://www.npmjs.com/package/grunt-ng-annotate –

答えて

6

角度成分が縮小されているため、挿入するサービスを知る方法がありません。あなたは角度や角度が正しく動作するように、コントローラや他の部分を飾るべきです。ここでそれを読んでください:Angularjs minify best practice

+0

minnifyingする前にgrunt-ng-annotateを使用して、それは私のために働いた。ありがとう! https://www.npmjs.com/package/grunt-ng-annotate –

関連する問題