Возникла проблема при запуске приложения с другим компонентом, отличным от AppComponent - PullRequest
Новая
       19

Возникла проблема при запуске приложения с другим компонентом, отличным от AppComponent

0 голосов
/ 03 января 2019

Я работаю над проектом Angular, где я не хочу запускать приложение с помощью AppComponent, Я хочу запустить приложение с помощью FleshScreenComponent

для этого я заменил appComponent на FleshScreenComponent в начальной загрузке файла module.ts но все равно получаю ошибка - >>

Селектор app-flesh-screen не соответствует ни одному элементу

app.module.ts 

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

    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    import { ComponentsComponent } from './components/components.component';
    import { ReactiveFormsModule } from '@angular/forms';
    import { HttpClientModule }    from '@angular/common/http';


    import { MDBBootstrapModule, WavesModule, ButtonsModule, CardsFreeModule } from 'angular-bootstrap-md';
    import { MatTabsModule, MatDialogModule } from '@angular/material';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { MatFormFieldModule} from '@angular/material';


    /*angular material compoment*/
    import { MatInputModule } from '@angular/material/input';
    import {MatButtonModule} from '@angular/material/button';
    import { RouterModule, Routes } from '@angular/router';
    import {MatSlideToggleModule} from '@angular/material/slide-toggle';
    import {MatTableModule} from '@angular/material/table';
    import {MatSelectModule} from '@angular/material/select';
    import {MatExpansionModule} from '@angular/material/expansion';
    import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
    import {MatSnackBarModule} from '@angular/material/snack-bar';
    import {MatSliderModule} from '@angular/material/slider';
    import {MatBadgeModule} from '@angular/material/badge';
    import {MatCheckboxModule} from '@angular/material/checkbox';

    /*firebase*/
    import { AngularFireModule } from 'angularfire2';
    import { AngularFirestore } from 'angularfire2/firestore';
    import { AngularFireDatabaseModule } from 'angularfire2/database';
    import {  AngularFireAuthModule} from 'angularfire2/auth';

    /*component */
    import { LoginComponent } from './login/login.component';
    import { RegisterComponent } from './register/register.component';
    import { FleshScreenComponent } from './flesh-screen/flesh-screen.component';

    // environment
    import { environment } from '../environments/environment';


    /* Service */
    import { ServicesService } from './service/services.service';
    import { ErrorComponent } from './error/error.component';
    import { MatchcenterComponent } from './matchcenter/matchcenter.component';

    @NgModule({
      declarations: [
        AppComponent,
        ComponentsComponent,
        LoginComponent,
        RegisterComponent,
        FleshScreenComponent,
        ErrorComponent,
        MatchcenterComponent
      ],
      imports: [
        BrowserModule,
        AppRoutingModule,
        BrowserAnimationsModule,
        MatInputModule,
        MatButtonModule,
        MDBBootstrapModule.forRoot(),
        ReactiveFormsModule ,
        HttpClientModule ,
        MatFormFieldModule,
        MatCheckboxModule,
        AngularFireModule.initializeApp(environment.firebase),
        AngularFireDatabaseModule,
        AngularFireAuthModule

      ],
      schemas: [ NO_ERRORS_SCHEMA ],
      providers: [ServicesService],
      bootstrap: [FleshScreenComponent]
    })
    export class AppModule { }

**routing.module.ts**

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LoginComponent } from './login/login.component';
import { RegisterComponent } from './register/register.component';
import { ErrorComponent } from './error/error.component';
import { MatchcenterComponent } from './matchcenter/matchcenter.component';





const routes: Routes = [
 { path: 'login' , component:LoginComponent },
 { path: 'register' , component: RegisterComponent },
 { path: 'error' , component: ErrorComponent},
 { path: 'matchcenter' , component: MatchcenterComponent}
];

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

1 Ответ

0 голосов
/ 03 января 2019

вам нужно изменить <app-root></app-root> на <app-flesh-screen></app-flesh-screen> в вашем index.html.

...