Rails + Angularでのherokuデプロイ時のエラー。 ui-router

Question

Railsバックエンド。角度フロントエンド。 angular-ui-routerを使用します。地元では、それは正常に動作します。しかし、それが英雄に配備されると、このエラーが発生します。すべての依存関係が適切にダウンロードされているようです。このエラーの内容を確認するのに役立つ必要があります。

application.js：

//= require jquery 
//= require jquery_ujs 
//= require angular/angular 
//= require angular-ui-router/release/angular-ui-router 

//= require bootstrap 
//= require_self 
//= require_tree . 

angular 
    .module('maphack', ['ui.router']) 
    .config(function ($stateProvider, $urlRouterProvider, $locationProvider) { 
    $stateProvider 
     .state('home', { 
     url: '/', 
     component: 'homePage' 
     }) 

    // default fall back route 
    $urlRouterProvider.otherwise('/'); 

    // enable HTML5 Mode for SEO 
    $locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false 
    }); 
}); 

コンソール上のエラーメッセージ：

application-118d41a….js:4 Uncaught Error: [$injector:modulerr] Failed to 
instantiate module XXXXX due to: 
Error: [$injector:unpr] Unknown provider: t 
http://errors.angularjs.org/1.6.4/$injector/unpr?p0=t 

Answer 1

犯人がJavaScriptの縮小であるように私には思えます。このように注入されたAngularのモジュールは、通常、JavaScript圧縮モジュールによって難読化されています。

考えられる解決策の1つは、依存関係を宣言しながら別の構文を使用することです。これに

.config(function ($stateProvider, $urlRouterProvider, $locationProvider) { 

：これを変更

.config(["$stateProvider", "$urlRouterProvider", "$locationProvider", function ($stateProvider, $urlRouterProvider, $locationProvider]) { 

あなたは、文字列に依存関係を宣言しているよう後者はJSの縮小に対して脆弱ではなく、角度がそれらを選んで、自分の中に注入するのに十分なスマートですconfig。

Ready to learn more?