我使用Webpack 4从Angular.Js 1.6.6到Angular 6进行Angular升级:
import'core-js / es7 / reflect';
import'zone.js';
import'reflection-metadata';
import'rxjs';
从'@ angular / core'导入{NgModule};
从'@ angular / forms'导入{FormsModule};
从'@ angular / router'导入{Routes,RouterModule};
从'@ angular / platform-browser'导入{BrowserModule};
从'@ angular / upgrade / static'导入{UpgradeModule,downgradeComponent,downgradeInjectable,setAngularJSGlobal};
从'./app.module.ajs'导入{module};
import'./config/routes';
从'./components/app/app'导入AppComponent;
从'./directives/application/application'导入应用程序;
从“@ angular / platform-browser-dynamic”导入{platformBrowserDynamic};
的console.log( 'NgModule');
const appRoutes:Routes = [
];
@Module({
声明:[AppComponent,Application],
entryComponents:[AppComponent],
进口:[
BrowserModule,
表格模块,
RouterModule.forRoot(appRoutes)
UpgradeModule
]
})
class AppModule {
构造函数(公共升级:UpgradeModule){
console.log('AppModule constructor');
}
ngDoBootstrap(){
console.log('AppModule ngDoBootstrap');
}
}
console.log('setAngularJSGlobal ...');
setAngularJSGlobal(window ['angular']);
console.log('setAngularJSGlobal !!!');
import main = require('./ main');
console.log('before bootstrapModule module.name:',module.name);
platformBrowserDynamic()。bootstrapModule(AppModule).then(platformRef => {
console.log('混合模式:Angular + Angular.Js');
module.directive('appRoot',downgradeComponent({component:AppComponent}));
const upgrade = platformRef.injector.get(UpgradeModule)作为UpgradeModule;
console.log('bootstrapModule:',module.name);
主[ 'launchAngular']();
upgrade.bootstrap(document.body,[module.name],{strictDi:true});
});
创建了自定义别名,添加了正确的tsconfig路径,Webpack构建传递和生成输出,但是当应用程序在浏览器中启动时,控制台中出现错误弹出:ngRoute缺失或模块组件 不正确什么未正确完成以及如何解决此错误?
发布于 2018-10-17 17:29:07
修复了一些Webpack别名。替换:带有Axios的Angular-Resource,带有UI-Router / Angular-Hybrid的Angular-Route,重构的几个控制器到组件/指令和服务,摆脱了$ rootScope&Magic发生:升级开始起作用。
https://stackoverflow.com/questions/-100008906
复制相似问题