、別のモジュールにインポートモジュール

Question

それを他のモジュールがインポートできるようにエクスポートします。

私は、新しいmoduleを作成し、このモジュールは、次のようであるmodule上記をインポートします：

// Services 
import { ActivitiesService } from '../../../shared/services/activities.service'; 

コンストラクタ：

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

// Components 
import { ProfileComponent } from '../component/profile/profile.component'; 

// Routing 
import { profileRouting } from '../routing/profile-routing'; 

// Shared << IMPORTED OTHER MODULE HERE 
import { ActivitiesModule } from '../../shared/modules/activities.module'; 


import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 

// Authentication Guard 
import { AuthenticationGuard } from '../../shared/guards/authentication.guard'; 


@NgModule({ 
    imports: [ 
     profileRouting, 
     FormsModule, 
     ReactiveFormsModule, 
     ActivitiesModule], 
    declarations: [ 
     ProfileComponent], 
    providers: [AuthenticationGuard] 
}) 

export class ProfileModule { } 

今私のProfileComponentの内側に、私は次のように宣言を持っていますProfileComponent

constructor(private activityService: ActivitiesService) {} 

私は、命名規則を確認しチェックしました@

Error: Uncaught (in promise): Error: Unexpected value 'ActivitiesService' imported by the module 'ActivitiesModule'. Please add a @NgModule annotation. Error: Unexpected value 'ActivitiesService' imported by the module 'ActivitiesModule'. Please add a @NgModule annotation.

：私はこれを実行したときしかし

ngOnInit() { 

    this.activityService.getActivities(); 

} 

、と私は、エラーメッセージが表示されますProfileページに移動：

私ngOnInit方法はそうのように見えますNgModule注釈はすべて正しいです。誰かが私がここで間違っていることにいくつかの光を当てることができますか？次のようにして解決

Answer 1

：

ActivitiesModule：ProfileModuleへのインポート

import { NgModule } from '@angular/core'; 
import { ActivitiesService } from '../services/activities.service'; 

@NgModule({ 
    declarations: [], 
    imports: [], 
    providers: [ActivitiesService], 
    bootstrap: [], 
    exports: [] 
}) 

export class ActivitiesModule { } 

は同じまま。