Ошибка инжектора $ при угловом обновлении с 1.6.6 до 6 - PullRequest
Новая
       53

Ошибка инжектора $ при угловом обновлении с 1.6.6 до 6

0 голосов
/ 31 августа 2018

Я выполнил обновление Angular с Angular.Js 1.6.6 до Angular 6, используя Webpack 4: 


    import 'core-js/es7/reflect';
    import 'zone.js';
    import 'reflect-metadata';
    import 'rxjs';
    import { NgModule } from '@angular/core';
    import { FormsModule } from '@angular/forms';
    import { Routes, RouterModule } from '@angular/router';
    import { BrowserModule } from '@angular/platform-browser';
    import { UpgradeModule, downgradeComponent, downgradeInjectable, setAngularJSGlobal } from '@angular/upgrade/static';
    import { module } from './app.module.ajs';
    import './config/routes';
    import AppComponent from './components/app/app';
    import Application from './directives/application/application';
    import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
    console.log('NgModule');
    const appRoutes: Routes = [
    ];
    @NgModule({
      declarations: [AppComponent, Application],
      entryComponents: [AppComponent],
      imports: [
        BrowserModule,
        FormsModule,
        RouterModule.forRoot(appRoutes),
        UpgradeModule
      ]
    })
    class AppModule {
      constructor(public upgrade: 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('Hybrid mode: Angular + Angular.Js');
      module.directive('appRoot', downgradeComponent({ component: AppComponent }));
      const upgrade = platformRef.injector.get(UpgradeModule) as UpgradeModule;
      console.log('bootstrapModule: ', module.name);
      main['launchAngular']();
      upgrade.bootstrap(document.body, [module.name], { strictDi: true });
    });

создал пользовательский псевдоним, добавил правильные пути к tsconfig, сборка Webpack прошла и выдает результат, но при запуске приложения в браузере всплывающие сообщения об ошибках в консоли: Отсутствует ngRoute или неверные компоненты модуля ng Что не сделано правильно и как исправить эту ошибку?

1 Ответ

0 голосов
/ 05 сентября 2018

Исправлены некоторые псевдонимы Webpack. Заменены: Angular-Resource с Axios, Angular-Route с UI-Router / Angular-Hybrid, рефакторизованные контроллеры пары для компонентов / директив и сервисов, избавлены от $ rootScope & Magic произошло: обновление начало работать.

...