Main.js找不到（SystemJS，Angular2）

我一直在升級我的Angular2 RC4應用程序到RC5版本，我突然遇到了這個問題。Main.js找不到（SystemJS，Angular2）

我的應用程序編譯得很好，但當我加載頁面localhost:3001時，我的main.js得到了404。

我也在使用gulp。

這是我的文件結構：

. 
+-- 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);

來源

2016-08-27 Josh Tate

在你的systemjs.config.js文件中，你是否嘗試從''app'改變：{main：'main'，defaultExtension：'js'}，'到''app'：{main：'main.js '，defaultExtension：'js'}，'？ – Sanket

這就是它原來的樣子。 –

你已經向我們展示了'.ts'文件的文件夾結構。向我們展示當發生'404'時瀏覽器嘗試加載'main.js'的路徑。同時向我們展示已編譯的'.js'文件的文件夾結構，或者至少是'main.js'的正確路徑 – BeetleJuice

-1

我結束了修復它。我認爲這實際上是一個問題，因爲dist文件夾相當混亂。

我最終重新克隆了項目，現在一切都很好。

來源

2016-08-27 16:27:33

Main.js找不到（SystemJS，Angular2）

回答

相關問題