如何解决角度:无法解析组件的所有参数
我从demo下载了一个简单的Angular应用。使用npm i
和ng serve
之后,我不断收到此消息。一直在尝试修复它,因为我在其他地方没有找到任何解决方案,因此我会在这里得到一些帮助。其他组件也发生同样的事情。
introduction.component.ts
import { Component } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'codelab-quiz-intro',templateUrl: './introduction.component.html',styleUrls: ['./introduction.component.scss']
})
export class IntroductionComponent {
constructor(private router: Router) {}
startQuiz() {
this.router.navigateByUrl('/question/1');
}
}
app.module.ts
import { NgModule,NO_ERRORS_SCHEMA,CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
// import { CommonModule } from "@angular/common";
import {browserAnimationsModule} from "@angular/platform-browser/animations";
import {browserModule} from "@angular/platform-browser";
import { ReactiveFormsModule } from '@angular/forms';
import { MatCardModule } from '@angular/material/card';
import { MaTradioModule,MAT_RAdio_DEFAULT_OPTIONS } from '@angular/material/radio';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { AccordionModule } from 'ngx-bootstrap/accordion';
import { Route,Router,RouterModule } from '@angular/router';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { IntroductionComponent } from './containers/introduction/introduction.component';
import { QuestionComponent } from './containers/question/question.component';
import * as QuestionComponent2 from './components/question/question.component';
import { ResultsComponent } from './containers/results/results.component';
const routes: Route[] = [
{ path: 'intro',component: IntroductionComponent,pathMatch: 'full' },{ path: 'question',component: QuestionComponent,{ path: 'question/:questionId',{ path: 'results',component: ResultsComponent,{ path: '',redirectTo: 'intro',pathMatch: 'full' }
];
@NgModule({
declarations: [
AppComponent,IntroductionComponent,QuestionComponent,QuestionComponent2.QuestionComponent,ResultsComponent,],imports: [
// CommonModule,browserModule,browserAnimationsModule,AppRoutingModule,ReactiveFormsModule,MatCardModule,MaTradioModule,MatIconModule,MatButtonModule,NgbModule,AccordionModule.forRoot()
],providers: [{
provide: MAT_RAdio_DEFAULT_OPTIONS,useValue: { color: 'accent' },}],bootstrap: [ AppComponent ],schemas: [
CUSTOM_ELEMENTS_SCHEMA,NO_ERRORS_SCHEMA
]
})
export class AppModule { }
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Route,RouterModule } from '@angular/router';
import { IntroductionComponent } from './containers/introduction/introduction.component';
import { QuestionComponent } from './containers/question/question.component';
import { ResultsComponent } from './containers/results/results.component';
const routes: Route[] = [
{ path: 'intro',pathMatch: 'full' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],exports: [RouterModule]
})
export class AppRoutingModule { }
解决方法
请在"emitDecoratorMetadata": true
文件上添加此配置tsconfig.spec.json
,它将起作用。
"compilerOptions": {
"emitDecoratorMetadata": true,
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。