Angular can't find created provider

Question

I have app that use webpack and babel, the code look like this:

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;
   }
};

and I got error:

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

I don't get any errors from webpack.

check this part: .config((rpc) => {rpc.setup('rpc.scm');}); where are you getting "rpc" from? **Note**: you can only inject providers inside .config! — Paolo, Mar 26 '17 at 21:09
you can' t do it that way. it only accepts: nameofproviderProvider. — Paolo, Mar 26 '17 at 21:17
please take a look at this: http://stackoverflow.com/questions/19966013/angularjs-inject-provider-to-module-config — Paolo, Mar 26 '17 at 21:19
@PaoloMangia Chaning rpc to rpcProvider in config solved the issue, you can add this as an answer. — jcubic, Mar 26 '17 at 21:27

score 1 · Accepted Answer · edited May 23 '17 at 12:32

1

the provider should be injected as follows:

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

since .config only accepts nameofprovider + Provider (camel case).

more info here: AngularJS - Inject provider to module.config

edited May 23 '17 at 12:32

Community

1
1

answered Mar 26 '17 at 21:32

Paolo

704
9
24

Angular can't find created provider

1 Answers1