Error when using UpgradeModule upgrading from AngularJS 1.5 to Angular 5

I’ve been following the Angular upgrade guide to create a hybrid AngularJS/Angular app, but I’m falling at the first hurdle.

I get the following error:

Uncaught Error: Can't resolve all parameters for AppModule: (?).

Here’s my app.module.ts file:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { UpgradeModule } from '@angular/upgrade/static';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

    imports: [

export class AppModule {
    constructor(private upgrade: UpgradeModule) {}

    ngDoBootstrap() {
        this.upgrade.bootstrap(document.body, ['MyApp'], { strictDi: true });


It’s worth pointing out that I’m using webpack, and I’ve tried aliasing the @angular/upgrade/static package as follows:

resolve: {
    extensions: ['.ts', '.js'],
    alias: {
        "@angular/upgrade/static": "@angular/upgrade/bundles/upgrade-static.umd.js"

But this doesn’t seem to help at all.

Any ideas what’s going on here?


I managed to figure this out through a combination of this article, and tweaking my tsconfig to match one generated by angular-cli.

Leave a Reply

Your email address will not be published. Required fields are marked *