Fehler beim Laden der Ressource: Der Server antwortet mit dem Status 404 (Nicht gefunden) ng2-Datei-Upload

Question

Ich verwende Angular2-CLI 1.0.0-beta.28.3 Ich verwende ng2-Datei-Upload, um meine TXT hochzuladen Datei. Ich bekam jedoch immer "Fehler beim Laden der Ressource: Der Server reagierte mit einem Status von 404 (Not Found)" diese Fehlermeldung. Im Moment bin ich mir ziemlich sicher, dass ich die Datei system-config.ts nicht habe. Daher kann ich die meisten Lösungen, die ich von der anderen Website gefunden habe, nicht verwenden. Weiß jemand, was mit meinem Code nicht stimmt? Hier ist meine component.ts:

import { Component, OnInit } from '@angular/core'; 
import { FileUploader } from 'ng2-file-upload/ng2-file-upload'; 

const URL = 'http://XXx.xxx.xxx.xxx/amazonStatements/'; 

@Component({ 
    selector: 'app-arr', 
    templateUrl: './arr.component.html', 
    styleUrls: ['./arr.component.css'] 
}) 
export class ARRComponent { 
    private data: TbArr; 
    private uploader:FileUploader = new FileUploader({url: URL}); 

    constructor() { 
    } 
    ngOnInit() { 
    } 

} 

Hier ist meine HTML-Datei:

<div> 
    <span style="float:left;padding:3px 12px;">Upload File:</span><span class="btn btn-default btn-file"> 
Choose File <input type="file" ng2FileSelect [uploader]="uploader" accept="text/plain" multiple /></span> 
    <button type="button" class="btn btn-primary btn-s" (click)="uploader.uploadAll()" [disabled]="!uploader.getNotUploadedItems().length"> 
       <span class="glyphicon glyphicon-upload"></span> Upload Now 
      </button> 
</div> 

Hier wird die Fehlermeldung, die ich bekam:

UPDATE meine Frage: Das ist mein Projekt Ordnerstruktur:

Answer 1

Ich habe implementiert kürzlich die file-uploader in mein Projekt, hier ist, wie ich sie aufrichten

erstellen FileUploaderOptions Variable, die relevanten Eigenschaften im Inneren, die gesetzt ist, es dann in die Dose file-uploader

import { Component, OnInit } from '@angular/core'; 
import { FileUploader } from 'ng2-file-upload/ng2-file-upload'; 

const URL = 'http://XXx.xxx.xxx.xxx/amazonStatements/'; 

@Component({ 
    selector: 'app-arr', 
    templateUrl: './arr.component.html', 
    styleUrls: ['./arr.component.css'] 
}) 
export class ARRComponent { 
    private data: TbArr; 
    private uploader:FileUploader; 

    constructor() { 
    } 
    ngOnInit() { 

     const uploaderOptions: FileUploaderOptions = { 
      url: URL, 
      autoUpload: false, 
      isHTML5: true, 
      removeAfterUpload: true, 
     }; 

     this.uploader = new FileUploader(uploaderOptions); 


    } 

}