Angular 2 RC3「RouterOutletMapのプロバイダーはありません！」エラー

debugcn 投稿 Dev

ベンキャメロン

使用するためにアップグレードしたばかりのAngular2アプリがあります"2.0.0-rc.3"。

私はから新しいルーターを使用しています"@angular/router": "3.0.0-alpha.7"、

ブラウザにアプリを読み込もうとすると、次の例外が表示されます...

VM17108:77 ORIGINAL EXCEPTION: No provider for RouterOutletMap!

私のapp.component.tsは次のようになります...

import {Component} from '@angular/core';
import { HTTP_PROVIDERS } from '@angular/http';
import 'rxjs/Rx';   // Load all features
import {ROUTER_DIRECTIVES, provideRouter, RouterConfig } from '@angular/router';

import { TilesService } from '../app/shared/services/tiles.service'
import { LocationService } from '../app/shared/services/location.service'

@Component({
    selector: 'tc-app',
    template: '<router-outlet></router-outlet>',

    directives: [ROUTER_DIRECTIVES],
    providers: [HTTP_PROVIDERS,
                TilesService,
                LocationService
               ]
})

export class AppComponent {  pageTitle: string = 'TileCase'; }

私のapp.routes.tsは次のようになります...

import { provideRouter, RouterConfig } from '@angular/router';

import { TilesComponent } from '../app/tiles/tiles.component';
import { ProfileComponent } from '../app/profile/profile.component';

export const routes: RouterConfig = [
  { path: '', component: TilesComponent }
  , { path: 'profile/:id', component: ProfileComponent }
];

export const APP_ROUTER_PROVIDERS = [
  provideRouter(routes)
];

そして私のmain.tsはこのように見えます...

import {bootstrap}    from '@angular/platform-browser-dynamic';
import {AppComponent} from './app.component';
import { APP_ROUTER_PROVIDERS } from './app.routes';

bootstrap(AppComponent, [
    APP_ROUTER_PROVIDERS
])
    .catch(err => console.error(err));

これは、RC2を使用する場合はすべて問題ありませんでした。これを再び機能させるために何をする必要があるのか理解できません。何か案は？

ベンキャメロン

私はこれを理解しました。実際にはWebpackエラーでした。Webpackが正しくセットアップされていなかったため、jsが正しく構築されていなかったため、エラーが発生していました。皆様のご協力に感謝いたします。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]