は、以下の私のアプリの設定でアプリの設定

Question

でdialogsProviderを取得し、私はdialogsProviderを注入して使用したいことができません：

app.config.js建てのWebPACKバンドルした後

import app from './app.module'; 

app.config(['$compileProvider', '$filterProvider', '$provide', '$httpProvider', 
      'dashboardResolverProvider','dialogsProvider', 'localStorageServiceProvider','ROUTER', 
      '$translateProvider', 

    function ($stateProvider, $urlRouterProvider, routeResolverProvider, $controllerProvider, 
       $compileProvider, $filterProvider, $provide, $httpProvider, 
       dashboardResolverProvider, dialogsProvider, localStorageServiceProvider, ROUTER, $translateProvider) { 

     dialogsProvider.useBackdrop(true); 
     dialogsProvider.useEscClose(true); 
     dialogsProvider.useCopy(false); 
     dialogsProvider.setSize("sm"); 

、私は、Webブラウザを開きましたコンソールでこのエラーが発生しました。 TypeError: Cannot read property 'useBackdrop' of undefined

明らかに、dialogsProviderは注入されません。注入方法

app.js

import './app.module'; 
import './app.config'; 
import './app.run'; 
import './controllers/FirstController' 
import './directives/FirstDirective' 
... 
angular.bootstrap(document, ['hepicApp']); 

app.module.js

import 'angular'; 
... 
import 'angular-dialog-service'; 
... 
var app = angular.module('hepicApp', [ 
    'dialogs.main', 
    ... 
]); 
export default app; 

Answer 1

次のように試してみてください。

app.config(['$stateProvider', '$urlRouterProvider', 'routeResolverProvider', '$controllerProvider','$compileProvider', '$filterProvider', '$provide', '$httpProvider', 
     'dashboardResolverProvider','dialogsProvider', 'localStorageServiceProvider','ROUTER', 
     '$translateProvider', 

function ($stateProvider, $urlRouterProvider, routeResolverProvider, $controllerProvider, 
      $compileProvider, $filterProvider, $provide, $httpProvider, 
      dashboardResolverProvider, dialogsProvider, localStorageServiceProvider, ROUTER, $translateProvider) 

ここで、依存関係の順序が最も重要であることを常に覚えておいてください。