Fehler: XHR-Fehler (404 not Found) laden angular2/http
Ich bin mit Winkel-cli für meine Angular2 Anwendung. Immer wenn ich versuche zu laden angular2/http meiner Komponenten/Services-keine Fehleranzeige im cli terminal, sondern in meinen browser-Konsole zeigt er das an -
BEKOMMEN http://localhost:4200/angular2/http 404 (Nicht Gefunden)
Unbehandelte Versprechen Ablehnung: Fehler: XHR-Fehler (404 not
Gefunden) laden http://localhost:4200/angular2/http
bei XMLHttpRequest.desc.set.wrapFn [als _onreadystatechange] (http://localhost:4200/vendor/zone.js/dist/zone.js:769:30)
bei ZoneDelegate.invokeTask (http://localhost:4200/vendor/zone.js/dist/zone.js:356:38)
in der Zone.runTask (http://localhost:4200/vendor/zone.js/dist/zone.js:256:48)
bei XMLHttpRequest.ZoneTask.invoke (http://localhost:4200/vendor/zone.js/dist/zone.js:423:34) Fehler
laden http://localhost:4200/angular2/http als "angular2/http" aus
http://localhost:4200/app/js-tree.component.js ; Zone: ; Aufgabe:
Versprechen.dann ; Wert: Fehler: Fehler: XHR-Fehler (404 not Found) laden
http://localhost:4200/angular2/http
bei XMLHttpRequest.desc.set.wrapFn [als _onreadystatechange] (http://localhost:4200/vendor/zone.js/dist/zone.js:769:30)
bei ZoneDelegate.invokeTask (http://localhost:4200/vendor/zone.js/dist/zone.js:356:38)
in der Zone.runTask (http://localhost:4200/vendor/zone.js/dist/zone.js:256:48)
bei XMLHttpRequest.ZoneTask.invoke (http://localhost:4200/vendor/zone.js/dist/zone.js:423:34) Fehler
laden http://localhost:4200/angular2/http als "angular2/http" aus
http://localhost:4200/app/js-tree.component.js
Mein Winkel-cli-version ist 0.0.39
Knoten : 4.2.2
Hier geht meine system-config.ts
const map: any = {
};
/** User packages configuration. */
const packages: any = {
};
const barrels: string[] = [
//Angular specific barrels.
'@angular/core',
'@angular/common',
'@angular/compiler',
'@angular/http',
'@angular/router',
'@angular/platform-browser',
'@angular/platform-browser-dynamic',
//Thirdparty barrels.
'rxjs',
//App specific barrels.
'app',
'app/shared',
'app/tree',
'app/tree/item',
/** @cli-barrel */
];
const cliSystemConfigPackages: any = {};
barrels.forEach((barrelName: string) => {
cliSystemConfigPackages[barrelName] = { main: 'index' };
});
/** Type declaration for ambient System. */
declare var System: any;
//Apply the CLI SystemJS configuration.
System.config({
map: {
'@angular': 'vendor/@angular',
'rxjs': 'vendor/rxjs',
'main': 'main.js'
},
packages: cliSystemConfigPackages
});
//Apply the user's configuration.
System.config({ map, packages });
Und mein Paket.json
{
"name": "pankha",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"start": "ng server",
"postinstall": "typings install",
"lint": "tslint \"src/**/*.ts\"",
"format": "clang-format -i -style=file --glob=src/**/*.ts",
"pree2e": "webdriver-manager update",
"e2e": "protractor"
},
"private": true,
"dependencies": {
"@angular/common": "2.0.0-rc.1",
"@angular/compiler": "2.0.0-rc.1",
"@angular/core": "2.0.0-rc.1",
"@angular/platform-browser": "2.0.0-rc.1",
"@angular/platform-browser-dynamic": "2.0.0-rc.1",
"@angular/router": "2.0.0-rc.1",
"es6-shim": "^0.35.0",
"reflect-metadata": "0.1.3",
"rxjs": "5.0.0-beta.6",
"systemjs": "0.19.26",
"zone.js": "^0.6.12"
},
"devDependencies": {
"angular-cli": "0.0.*",
"clang-format": "^1.0.35",
"codelyzer": "0.0.14",
"ember-cli-inject-live-reload": "^1.4.0",
"jasmine-core": "^2.4.1",
"jasmine-spec-reporter": "^2.4.0",
"karma": "^0.13.15",
"karma-chrome-launcher": "^0.2.3",
"karma-jasmine": "^0.3.8",
"protractor": "^3.3.0",
"ts-node": "^0.5.5",
"tslint": "^3.6.0",
"typescript": "^1.8.10",
"typings": "^0.8.1"
}
}
und meine index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Pankha</title>
<base href="/">
{{content-for 'head'}}
<link type="image/x-icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Service worker support is disabled by default.
Install the worker script and uncomment to enable.
Only enable service workers in production.
<script type="text/javascript">
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/worker.js').catch(function(err) {
console.log('Error installing service worker: ', err);
});
}
</script>
-->
</head>
<body>
<pankha-app>Loading...</pankha-app>
<script src="vendor/es6-shim/es6-shim.js"></script>
<script src="vendor/reflect-metadata/Reflect.js"></script>
<script src="vendor/systemjs/dist/system.src.js"></script>
<script src="vendor/zone.js/dist/zone.js"></script>
<!-- <script src="node_modules/angular2/bundles/http.dev.js"></script> -->
<script>
System.import('system-config.js').then(function () {
System.import('main');
}).catch(console.error.bind(console));
</script>
</body>
</html>
InformationsquelleAutor pd farhad | 2016-05-09
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich denke, dass Sie vergessen haben, zählen die
http.dev.js
Datei in Ihrem Haupt-HTML-Datei:Beachten Sie, dass dies nur für beta-Versionen (nicht rc), aber da Sie verwenden die
angular2/http
Modul, ich denke mal, dass du eine beta-version.In der Tat, wenn SystemJS versucht Module zu laden, wie, dass es ist, weil es Sie nicht finden kann in der Voranmeldung (aus der angular2.dev.js, http.dev.js, ...).
Könnten Sie den Inhalt Ihrer HTML-main-Datei (script-Elemente und SystemJS Konfiguration)? Welche version von Angular2 verwenden Sie? Danke!
Ich bearbeitet meine post , trotzdem danke für deine Bedenken 🙂
Nach der Erstellung mit ng erstellen Projektname , ging ich zu dem Ordner eingegeben und npm installieren angular2 . Also ich sehe 'http.dev.js" es gibt in 'node_modules/angular2/bundles/'
InformationsquelleAutor Thierry Templier
Fand ich die Lösung. Ich war nicht mit der beta-version von angular2
So musste ich öffne mein Paket.json und fügen Sie diese Zeile unter der Abhängigkeiten
Dann öffnete ich mein terminal eingegeben und
Stand meiner system-config.ts mit
wo es war
InformationsquelleAutor pd farhad