Search code examples
angularjsiisproduction

Use Strict Annotation Mode to Find Minification Bugs -- $injector:unpr Unknown provider

Why am I getting an "Unknown provider: e" error when hosting a production version of an Angular 7/AngularJS hybrid app in IIS?

I have an Angular 7/AngularJS hybrid app that I'm running. Everything runs fine in development mode using "npm start". However, after building a production version, the page gives me a

[$injector:unpr] Unknown provider: e

error. I've tried only running the Angular 7 code and that works fine. I've tried debugging and my angularjs code in an app.js file is being executed fine. The error seems to be coming from my app.module.ts when the code

this.upgrade.bootstrap(document.documentElement, ['app'], { strictDi: false })"

is executed.

export class AppModule {
  constructor(private upgrade: UpgradeModule) { }
  ngDoBootstrap() {
    this.upgrade.bootstrap(document.documentElement, ['app'], { strictDi: false });
  }
}
declare var angular: any;

angular
  .module("app")
  .directive("example", downgradeComponent({ component: ExampleComponent }) as angular.IDirectiveFactory);

Not sure why I only get this error in production mode. I've deployed the app as an application in IIS. Any help would be appreciated. Thanks.

Solution

  • Use Strict Annotation Mode to Find Minification Bugs

    angular.bootstrap(element, ['app'], { strictDi: false })

    From the Docs:

    • strictDi - disable automatic function annotation for the application. This is meant to assist in finding bugs which break minified code. Defaults to false.

    — AngularJS angular.bootstrap API Reference

    How to Enable Strict Annotation Mode from HTML

    <body ng-app="app" ng-strict-di="true">
   <!-- ... -->
</body>

    From the Docs:

    • ngStrictDi (optional) boolean
      if this attribute is present on the app element, the injector will be created in "strict-di" mode. This means that the application will fail to invoke functions which do not use explicit function annotation (and are thus unsuitable for minification), as described in the Dependency Injection guide, and useful debugging info will assist in tracking down the root of these bugs.

    — AngularJS ng-app Directive API Reference

    For additional information, see