2016-08-27 5 views
0

Я обновил приложение Angular2 RC4 до версии RC5, и я неожиданно столкнулся с этой проблемой.Main.js не найден (SystemJS, Angular2)

Мое приложение прекрасно компилируется, но когда я загружаю страницу в localhost:3001, я получаю 404 для своих main.js.

Я также использую глоток.

Это моя структура файла:

. 
+-- 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'},' to ''app': {main: 'main.js ', defaultExtension:' js '}, '? – Sanket

+0

Так оно и было. –

+0

Вы указали нам структуру папок для ваших файлов '.ts'. Покажите нам путь, по которому браузер пытается загрузить 'main.js', когда происходит' 404'. Также покажите нам структуру папок для скомпилированных файлов '.js' или, по крайней мере, правильный путь к' main.js' – BeetleJuice

ответ

-1

я в конечном итоге ее исправление. Я думаю, что это была проблема с глотком, поскольку папка dist была довольно запутана.

Я закончил повторное клонирование проекта, и теперь все в порядке.

Смежные вопросы