最初のAngular2プロジェクトで作業していますが、ビルドサイクルの一環としてTSをトランスリングするブラウザから移動するようになるまで、すべてがうまくいきました。だから今私はes5に移行するためにすべてを得るが、私は私のSystem.config、特にangular2-jwtにマッピングされた何かに404エラーを取得しているので、私はsystemjsで何かを見逃しているここで私のconfig.jsAngular2 - マッピングされたモジュールをロードするときのSystemJS 404
System.config({
packages: {
app: {
defaultExtension: "js",
main: "main"
},
map: {
"angular2-jwt": "node_modules/angular2-jwt/angular2-jwt.js"
},
"angular2-jwt": {"defaultExtension": "js"}
}
});
ここで
私は私が得る今、アプリをロードしようとすると、私のエントリポイントは、だから、ブラウザからファイルをロードしようとしている...、
angular2-polyfills.js:126 GET http://localhost:8080/angular2-jwt 404 (Not Found)
main.ts
/// <reference path="../node_modules/angular2/typings/browser.d.ts" />
import {bootstrap} from 'angular2/platform/browser';
import {provide} from 'angular2/core';
import {AuthHttp, AuthConfig} from 'angular2-jwt';
import {ROUTER_PROVIDERS, LocationStrategy, HashLocationStrategy, APP_BASE_HREF} from 'angular2/router';
import {HTTP_PROVIDERS, Http} from 'angular2/http';
import {ToastyService, ToastyConfig, Toasty} from 'ng2-toasty/ng2-toasty';
import {ApplicationComponent} from './components/application/application.component';
import {MenuService} from './services/menu/menu-service';
import {MessageService} from './services/messages/message-service';
bootstrap(ApplicationComponent, [
ROUTER_PROVIDERS,
HTTP_PROVIDERS,
ToastyService,
ToastyConfig,
MessageService,
MenuService,
provide(AuthHttp, {
useFactory: (http) => {
return new AuthHttp(new AuthConfig(), http);
},
deps: [Http]
}),
provide(LocationStrategy, {useClass: HashLocationStrategy})
]);
です私のimportステートメント代わりにマッピングされたパスの
import {AuthHttp, AuthConfig} from 'angular2-jwt';
のパス:私のconfig.jsの中
map: {
"angular2-jwt": "node_modules/angular2-jwt/angular2-jwt.js"
},
。
私はここで何が欠けていますか? node2_modulesのフルパスからangular2-jwtを取得するにはどうすればよいですか?ありがとう!
うわー、ありがとう!私はちょうど20の他の設定ファイルを見て、気付かなかった! – csyperski
あなたは@csyperskiを歓迎しています。それは前に私があなたの同じ間違いのカップルを作ったことです:) – Abdulrahman
これはindex.htmlにありますか?どのようにして、Webサーバーにnode_modulesコードをバンドルすることが可能ですか? –