Mit webpack angular1 erstellen und angular2 Hybrid-App throw Upgrade statische Fehler

Question

I Winkel Upgrade-Pfad zu verwenden, versuchen webpack Loader zu verwenden angular1 und angular2 verwenden. Als ich angular1 nehmen und einfach laden angular2 es alles funktioniert gut und der Grund ist, statische Dateifehler aktualisieren, die unter

meine Winkel Bootstrap-Datei erwähnt wird, ist wie folgt:

import 'angular2-universal-polyfills/browser'; 
import { enableProdMode } from '@angular/core'; 
import { platformUniversalDynamic } from 'angular2-universal'; 
import { AppModule } from './app/app.module'; 
import 'bootstrap'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { UpgradeModule } from '@angular/upgrade/static'; 


// Enable either Hot Module Reloading or production mode 
if (module['hot']) { 
    module['hot'].accept(); 
    module['hot'].dispose(() => { platform.destroy(); }); 
} else { 
    enableProdMode(); 
} 

// Boot the application, either now or when the DOM content is loaded 
const platform = platformUniversalDynamic(); 
const bootApplication =() => { 
    //platform.bootstrapModule(AppModule); 
    platformBrowserDynamic().bootstrapModule(AppModule).then(platformRef => { 
     console.info("Angular 2 bootstrapping"); 
     const upgrade = platformRef.injector.get(UpgradeModule) as UpgradeModule; 
     upgrade.bootstrap(document.documentElement, ["app"], { strictDi: true }); 
    }); 
}; 
if (document.readyState === 'complete') { 
    bootApplication(); 
} else { 
    document.addEventListener('DOMContentLoaded', bootApplication); 
} 

Und die Fehler, die ich bekommen habe ist,

unter

Fehler in ./~/@angular/upgrade/static.js Modul analysieren fehlgeschlagen: C: \ TFS \ PostAnything \ Postanything.Web.Client \ node_modules \ @angular \ Upgrade \ static.js Zeile 8: Unerwartetes Token Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten. | * gefunden in der LIZENZ-Datei unter https://angular.io/license | */ | export {downgradeComponent} von './src/aot/downgrade_component'; | export {downgradeInjectable} von './src/aot/downgrade_injectible'; | export {UpgradeComponent} von './src/aot/upgrade_component'; @ ./ClientApp/boot-client.ts 9: 15-49

Answer 1

Ich habe dieses Problem endlich gelöst, indem ich die Anleitung von anderen GitHub Repo übernommen habe und meine eigene erstellt habe, um Angular1 und Angular Hybrid-App mit Webpack zu haben.

Click here for Github repo link