如何从共享中获取文件到Angular 2中的其他文件夹

时间:2018-05-22 09:20:30

标签: angular

我有一个共享文件夹,其中我为共享文件夹中的活动创建了另一个文件夹。现在在activities文件夹中,我刚刚将html和CSS提取到另一个名为User的文件夹中。 但我面临错误

  

错误错误:未捕获(在承诺中):错误:找不到模块'../shared/activities'。

当我点击用户页面中的按钮时。 任何人都可以帮我解决这个问题。

文件夹结构:

app
  - User
  - Shared
    -- activities

HTML:

<a class="list-group-item justify-content-between clr-blk" routerLink="/auditlog" routerLinkActive="active">
   <span>Activities List</span>
</a>

1 个答案:

答案 0 :(得分:1)

从错误中我可以看到activity模块不存在。

由于您没有activity模块,loadChildren并且惰性路由不适合它。

You should use { path: 'activity', component: activityComponent, data: {} }

所以你的路由模块变成了:

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

import { activityComponent } from '../shared/activities';

const routes: Routes = [ 
    { 
        path: 'activity', 
        component: activityComponent, 
        data: {} 

    }
]; 

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

export class HomeRoutingModule { }