2016-04-03 11 views
0

Ich habe gerade eckige Komponente von npmjs namens ng2-easy-table (ich bin der Schöpfer dieser Komponente, also vielleicht habe ich ein paar Fehler beim Erstellen).Angular2 - kann keine Komponente von npm hinzufügen

package.json

{ 
    "name": "untitled", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"npm run styles\" ", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "lite": "lite-server", 
    "typings": "typings" 
    }, 
    "dependencies": { 
    "angular2": "2.0.0-beta.13", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.35.0", 
    "ng2-easy-table": "0.0.12", 
    "node-sass": "^3.4.2", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.2", 
    "systemjs": "0.19.24", 
    "zone.js": "^0.6.6" 
    }, 
    "devDependencies": { 
    "concurrently": "^2.0.0", 
    "lite-server": "^2.1.0", 
    "typescript": "^1.8.7", 
    "typings": "^0.7.5" 
    }, 
    "author": "", 
    "license": "ISC" 
} 

Dann habe ich einfach app.component.tsng2-easy-table Richtlinie hinzuzufügen.

app.component.ts

import {Component} from 'angular2/core'; 

import {bootstrap} from 'angular2/platform/browser'; 
import {AppComponent} from 'ng2-easy-table/app/app.component'; 

@Component({ 
    selector: 'app', 
    templateUrl: 'app/index.html', 
    directives: [AppComponent] 
}) 

export class IndexComponent { } 

bootstrap(IndexComponent, []); 

Im node_modules sieht es wie folgt: node_moules

Und system.config

<script> 
    System.config({ 
     packages: { 
      app: { 
       format: 'register', 
       defaultExtension: 'js' 
      } 
     } 
    }); 
    System.import('app/app.component') 
      .then(null, console.error.bind(console)); 
</script> 

Aber als ich Anfang App npm start, von der Konsole erhalte ich:

GET http://localhost:3002/ng2-easy-table/app/app.component 404 (Not Found)

Error: XHR error (404 Not Found) loading http://localhost:3002/ng2-easy-table/app/app.component (…)

enter image description here

EDIT

Nach der Zugabe von Config.style zur Verfügung gestellt von @Thierry Templier Ich erhalte: enter image description here

+0

Sie müssen Ihre System.config hinzufügen, Ihr Problem ist da. –

+0

@EricMartinez getan, bin ich richtig Ich sollte zu system.config etwas wie 'Pfade hinzufügen: { 'ng2-easy-table /': 'node_modules/ng2-easy-table /' }'? – ssuperczynski

Antwort

1

Sie müssen hinzufügen Ein Kartenblock für die Bibliothek in Ihrer Konfiguration von SystemJS:

<script> 
    System.config({ 
     map: { 
      'ng2-easy-table': 'node_modules/ng2-easy-table' 
     }, 
     packages: { 
      app: { 
       format: 'register', 
       defaultExtension: 'js' 
      }, 
      'ng2-easy-table': { 
       format: 'register', 
       defaultExtension: 'js' 
      } 
     } 
    }); 
    System.import('app/app.component') 
      .then(null, console.error.bind(console)); 
+0

Ich habe meine Frage bearbeitet. Jetzt bekomme ich 'http: // localhost: 3000/Knotenmodule/ng2-easy-table/app/app.component 404 (nicht gefunden)' – ssuperczynski

+0

Sie könnten einen Eintrag in den Paketblock Ihrer systemjs-Konfiguration hinzufügen. Ich habe meine Antwort aktualisiert ... –

Verwandte Themen