有关angular7 路由报错

使用ng g module app-routing --flat --module=app命令创建了app-routing , 如下

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
import { LoginComponent } from './login/login.component';

const routes: Routes = [
  { path: '', component: LoginComponent, pathMatch: 'full' }
]

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

在app.module中也引入了AppRoutingModule,使用<router-outlet></router-outlet>时报错如下


image.png

这时解决办法如下:
在AppRoutingModule的@NgModule中加入exports: [ RouterModule ]即可。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 路由:根据不同地址加载不同组件,实现单页面应用 # 1 路由基础知识 ================= 在ang...
    __凌阅读 697评论 0 0
  • Angular介绍 Angular安装、创建项目、目录结构、组件、服务 创建组件、绑定数据、绑定属性、数据循环、条...
    地瓜粉丝阅读 541评论 0 2
  • 1.初学文档,跟到官网尝试学习到路由时 报错 提示: Uncaught Error: Template par...
    小胖子圆又圆阅读 1,774评论 0 0
  • 2018-3-15 星期四 一、安装 注意:请现在终端/控制台窗口中运行 node -v 和 npm -v,来验证...
    ftmo阅读 1,139评论 1 2
  • 有没有种感觉,每个人都有疲惫不堪的时候,如果把时间安排太满,自己的神经绷得太紧,很容易让自己在小事儿上发火。 当你...
    豆豉顺顺阅读 409评论 0 4