2016-08-27 7 views
0

私はAngular2 RC4アプリケーションをRC5バージョンにアップグレードしています。私は突然この問題にぶつかりました。Main.jsが見つかりません(SystemJS、Angular2)

私のアプリはうまくコンパイルされますが、localhost:3001にページを読み込むと、main.jsの404が表示されます。

私はギャルプも使用しています。

これは私のファイル構造である:

. 
+-- src 
| +-- app 
| | +-- main.ts 
| | +-- app.module.js 
| | +-- app.component.ts 
| | +-- app.component.html 
| | +-- components <-- Directory 
| | +-- services <-- Directory 
| | +-- models <-- Directory 
| +-- system.config.js 
| +-- index.html 
+-- tsconfig.json 
+-- typings.json 

これは私のsystem.config.jsです: JS

(function (global) { 
    // map tells the System loader where to look for things 
    var map   = { 
     'app'  : 'app', // 'dist', 
     '@angular' : 'node_modules/@angular', 
     'rxjs'  : 'node_modules/rxjs', 
     '@models' : 'app/models', 
     '@services': 'app/services', 
     '@model_services': 'app/services/model_services', 
     'moment' : 'node_modules/moment/moment.js', 
     'ng2-bootstrap': 'node_modules/ng2-bootstrap' 
    }; 
    // packages tells the System loader how to load when no filename and/or no extension 
    var packages  = { 
     'app' : {main: 'main', defaultExtension: 'js'}, 
     'rxjs': {defaultExtension: 'js'}, 
     '@models': {main: 'index'}, 
     '@services': {main: 'index'}, 
     '@model_services': {main: 'index'} 
    }; 
    var ngPackageNames = [ 
     'common', 
     'compiler', 
     'core', 
     'http', 
     'platform-browser', 
     'platform-browser-dynamic', 
     'router' 
    ]; 
    // Individual files (~300 requests): 
    function packIndex(pkgName) { 
     packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    } 
    // Bundled (~40 requests): 
    function packUmd(pkgName) { 
     packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' }; 
    } 
    // Most environments should use UMD; some (Karma) need the individual index files 
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd; 
    // Add package entries for angular packages 
    ngPackageNames.forEach(setPackageConfig); 
    var config = { 
     defaultJSExtensions: true, 
     map: map, 
     packages: packages 
    }; 
    System.config(config); 
})(this); 
+0

あなたのsystemjs.config.jsファイルで、 '' app ':{main:' main '、defaultExtension:' js '}、 '' app':{main: 'main.js '、defaultExtension:' js '}、 '? – Sanket

+0

それはもともとのものです。 –

+0

'.ts'ファイルのフォルダ構造を示しました。 '404'が発生したときにブラウザが' main.js'をロードしようとするパスを表示してください。また、コンパイルされた '.js'ファイルのフォルダ構造、または少なくとも' main.js'への正しいパスを表示してください – BeetleJuice

答えて

-1

私はそれを固定してしまいました。私は実際には、distフォルダがかなり台無しになっていたので、gulpの問題だと思う。

私はプロジェクトの再クローニングを終了しました。今はすべて正常です。

関連する問題