【问题标题】:Uncaught Error: Unexpected module 'RouterModule' declared by the module 'AppRoutingModule'. Please add a @Pipe/@Directive/@Component annotation未捕获的错误:模块“AppRoutingModule”声明的意外模块“RouterModule”。请添加@Pipe/@Directive/@Component 注解
【发布时间】:2018-08-22 13:46:30
【问题描述】:

程序员朋友们好,

需要帮助解决标题中的错误。

这是我的路由模块代码

app-routing.module.ts

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

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

import { routes } from './routes';

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

我也尝试从声明数组中删除 RouterModule,但没有得到纠正。

请帮忙。

【问题讨论】:

    标签: angular angular-ui-router router


    【解决方案1】:

    在声明中不能添加任何模块。正如错误所说:只允许在声明数组中声明组件、管道或指令

    【讨论】:

      【解决方案2】:

      RouterTestingModule 添加到导入数组中。

      imports: [HttpClientTestingModule, RouterTestingModule]
      

      【讨论】:

        【解决方案3】:

        明白我犯了什么错误。

        我将 RouterModule 放在声明中而不是导出中。

        这个帖子可能会帮助像我一样犯同样错误的未来学习者。

        【讨论】:

        • 但是无法将错误消息与所犯的错误联系起来。
        猜你喜欢
        • 1970-01-01
        • 2017-12-15
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-12-23
        • 1970-01-01
        • 2021-08-15
        • 2018-03-14
        相关资源
        最近更新 更多