javascript - Angular 找不到创建的提供者

Question

我有使用 webpack 和 babel 的应用程序，代码如下所示:

app.js

import angular from 'angular';
import 'jquery';
import components from './components/index';
import services from './services/index';
import './app.css';

angular.module('app', [components.name, services.name])
    .config((rpc) => {
        rpc.setup('rpc.scm');
    });

services/index.js

import angular from 'angular';
import rpc from './rpc';

var module = angular.module('services', []);

module.provider('rpc', rpc);

export default module;

services/rpc.js

import $ from 'jquery';

export default function() {
   var service = {};
   this.setup = function(uri) {
       // create service based on system.describe
   };
   this.$get = function() {
       return service;
   }
};

我得到了错误:

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:unpr] Unknown provider: rpc

我没有从 webpack 中收到任何错误。

Answer 1

提供者应按如下方式注入(inject):

angular.module('app', [components.name, services.name])
 .config((rpcProvider) => {
});

因为 .config 只接受 nameofprovider + Provider(驼峰式大小写)。

更多信息请点击:AngularJS - Inject provider to module.config