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);
あなたのsystemjs.config.jsファイルで、 '' app ':{main:' main '、defaultExtension:' js '}、 '' app':{main: 'main.js '、defaultExtension:' js '}、 '? – Sanket
それはもともとのものです。 –
'.ts'ファイルのフォルダ構造を示しました。 '404'が発生したときにブラウザが' main.js'をロードしようとするパスを表示してください。また、コンパイルされた '.js'ファイルのフォルダ構造、または少なくとも' main.js'への正しいパスを表示してください – BeetleJuice