2017-05-12 13 views
3

現在、この問題については大きな問題があります。私はng2-file-uploadを使用しようとしましたが、それは私が理解していないエラーを与えることが判明。Angular2を使ってファイルをアップロードする

ERROR Error: Uncaught (in promise): Error: No component factory found for TaskComponent. Did you add it to @NgModule.entryComponents? 
[email protected]://localhost:4200/vendor.bundle.js:3565:34 [angular] 

エラーは、それは私No component factory found for TaskComponentエラーを与えました。これは私のコンポーネントの中に@Directiveがある場合にのみ発生します。

編集TaskComponent.ts

import { Directive, Component, OnInit, OnDestroy, ViewChild, EventEmitter } from '@angular/core'; 
import { Router, ActivatedRoute, Params } from '@angular/router'; 
import { Http, Response, Headers } from '@angular/http'; 
import { FileUploader } from 'ng2-file-upload/ng2-file-upload'; 

import { ModalDirective } from 'ng2-bootstrap/modal/modal.component'; 

import { ApiService } from '../../assets/services/api.service'; 

import { UploadOutput, UploadInput, UploadFile, humanizeBytes } from 'ngx-uploader'; 

// class FileSelectDirective 
@Directive({ selector: '[ng2FileSelect]' }) 

@Component({ 
      selector: 'app-task', 
      templateUrl: './task.component.html', 
      styleUrls: ['./task.component.scss'] 
}) 
export class TaskComponent implements OnInit { 
    ngOnInit(){} 
} 

私も自分のモジュールにこれをインポートしています。

RtoModule.ts

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { ModalModule } from 'ng2-bootstrap/modal'; 
import { FileUploadModule } from 'ng2-file-upload'; 

import { TaskComponent } from '../task/task.component'; 
import { TaskDetailsComponent } from '../task-details/task-details.component'; 

import { RtoRoutingModule } from '../rto-routing/rto-routing.module'; 

@NgModule({ 
    imports: [ 
    CommonModule, 
    RtoRoutingModule, 
    FormsModule, 
    ReactiveFormsModule, 
    FileUploadModule, 
    ModalModule.forRoot() 
    ], 
    declarations: [ 
    TaskComponent, 
    TaskDetailsComponent 
    ] 
}) 
export class RtoModule { } 

私が間違ってやったところ、誰かが私を指摘してもらえますか?どこに実装や任意の。

ありがとうございます!

PS:イム現在このプロジェクトで

+0

'TaskComponent.ts'にエクスポートされたクラスがありますか? –

+0

自分のコードを編集しました。 @OmriLuzon –

+0

宣言の後に次の行を追加してください:entryComponents:[TaskComponent] – BlackEagle

答えて

0

をAngular4バージョンを使用して、それは、このモジュールを実装する上で、私は怒っ間違いと思われます。

どういうわけか、私のコンポーネントに何のエラーもありません。 私は今、それが正常に動作しているようだ私のコンポーネント

public uploader:FileUploader = new FileUploader({url: URL}); 
    public hasBaseDropZoneOver:boolean = false; 
    public hasAnotherDropZoneOver:boolean = false; 

にこれらのコードを実装します。現在、私はバックエンドを開発中です。

私の質問にお答えいただき、ありがとうございます。

関連する問題