用Angular2上传文件

Question

说到这件事，我现在遇到了很多麻烦。我试过使用NG2-文件上传，但结果却给我带来了错误，我不明白。

误差

ERROR Error: Uncaught (in promise): Error: No component factory found for TaskComponent. Did you add it to @NgModule.entryComponents?
noComponentFactoryError@http://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:我目前在这个项目中使用Angular4版本

Answer 1

似乎我在实现这个模块时犯了一个错误。

不知怎的，它现在起作用了，我的组件上没有错误。我在组件上实现了这些代码。

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

现在它似乎工作得很好。目前正在开发后端。

谢谢所有回答我问题的人！