Main.js을 찾을 수 없음 (SystemJS, Angular2)

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

출처

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)

답변

관련 문제