首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >角度从1.6.6升级到6的$ Injector错误?

角度从1.6.6升级到6的$ Injector错误?
EN

Stack Overflow用户
提问于 2018-10-17 08:12:23
回答 1查看 0关注 0票数 0

我使用Webpack 4从Angular.Js 1.6.6到Angular 6进行Angular升级:

代码语言:javascript
复制
    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-b​​rowser'导入{BrowserModule};
    从'@ angular / upgrade / static'导入{UpgradeModule,downgradeComponent,downgradeInjectable,setAngularJSGlobal};
    从'./app.module.ajs'导入{module};
    import'./config/routes';
    从'./components/app/app'导入AppComponent;
    从'./directives/application/application'导入应用程序;
    从“@ angular / platform-b​​rowser-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缺失或模块组件 不正确什么未正确完成以及如何解决此错误?

EN

回答 1

Stack Overflow用户

发布于 2018-10-17 17:29:07

修复了一些Webpack别名。替换:带有Axios的Angular-Resource,带有UI-Router / Angular-Hybrid的Angular-Route,重构的几个控制器到组件/指令和服务,摆脱了$ rootScope&Magic发生:升级开始起作用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100008906

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档