2016-05-06 19 views
3

最初の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を取得するにはどうすればよいですか?ありがとう!

答えて

0

mapは、そうでない場合packages

System.config({ 
    packages: { 
     app: { 
      defaultExtension: "js", 
      main: "main" 
     }, 
     "angular2-jwt": {"defaultExtension": "js"} 
    }, 
    map: { 
     "angular2-jwt": "node_modules/angular2-jwt/angular2-jwt.js" 
    } 
}); 

の兄弟である必要があり、残りは私にはよさそうです。

+0

うわー、ありがとう!私はちょうど20の他の設定ファイルを見て、気付かなかった! – csyperski

+0

あなたは@csyperskiを歓迎しています。それは前に私があなたの同じ間違いのカップルを作ったことです:) – Abdulrahman

+0

これはindex.htmlにありますか?どのようにして、Webサーバーにnode_modulesコードをバンドルすることが可能ですか? –

関連する問題