ОШИБКА Ошибка: Uncaught (в обещании): Ошибка: Ошибки синтаксического анализа шаблона: 'app-deal' не является известным элементом - PullRequest
Новая
       34

ОШИБКА Ошибка: Uncaught (в обещании): Ошибка: Ошибки синтаксического анализа шаблона: 'app-deal' не является известным элементом

0 голосов
/ 06 июля 2018

Я получаю эту ошибку, когда я просто запускаю подачу. я не знаю куда добавить.

enter image description here

app.component.ts 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.routing.module.ts 

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  { path: 'pages', loadChildren: 'app/pages/pages.module#PagesModule' },
  { path: '', redirectTo: 'pages', pathMatch: 'full' },
  { path: '**', redirectTo: 'pages' },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

pages.module.ts 

import { NgModule } from '@angular/core';

import { PagesComponent } from './pages.component';
import { PagesRoutingModule } from './pages-routing.module';

import { HomeModule } from './home/home.module';
import {  DealsModule }from './home/deals/deals.module';

const PAGES_COMPONENTS = [
  PagesComponent,
];

@NgModule({
  imports: [
    PagesRoutingModule,
    HomeModule,
    DealsModule
  ],
  declarations: [
    ...PAGES_COMPONENTS,
  ],
})
export class PagesModule {
}

pages.routing.modul.ts 

    import { NgModule } from '@angular/core';
    import { Routes, RouterModule } from '@angular/router';

    import { PagesComponent } from './pages.component';
    import { HomeComponent } from './home/home.component';

    const routes: Routes =  [{
        path: '',
        component: PagesComponent,
        children: [{
          path: 'home',
          component: HomeComponent,
        }, {
          path: '',
          redirectTo: 'home',
          pathMatch: 'full',
        },{
          path:'deals',
          redirectTo: 'deals',
          loadChildren:'./home/deals/deals.module#DealsModule',
        }],
      }];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class PagesRoutingModule { }

home.module.ts 

import { NgModule } from '@angular/core';

import { HomeComponent } from './home.component';

@NgModule({
  imports: [],
  declarations: [
    HomeComponent,
  ],
})
export class HomeModule {}

home.component.ts 

import { Component } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent {
}

home.component.html 

<h1>haiiiiiiiiiii</h1>
<app-deals></app-deals>

deals.component.ts 

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-deals',
  templateUrl: './deals.component.html',
  styleUrls: ['./deals.component.css']
})
export class DealsComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

deals.module 

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DealsComponent } from './deals.component';

@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [DealsComponent]
})
export class DealsModule { }

deals.html 

<p>
  deals works!
</p>

На самом деле я новичок в angular, я обновил свой код.

сегодня я попробовал концепции маршрутизации

1) В моем app.routing у меня есть модуль связанных страниц 2) в модуле страниц я упомянул мой модуль сделок, а также мне понравился pages.routing , а также как домашний модуль как модуль по умолчанию , а также я связал свои ** предложения модуль ** там я не знаю, как это сделать.

поэтому, пожалуйста, скажите мне сделать это

...