Question

我一直在将我的Angular2 RC4应用升级到RC5版本，我突然遇到了这个问题。

我的应用编译得很好，但当我在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);

Answer 1

我最终解决了这个问题。我认为这实际上是gulp的问题，因为dist文件夹非常混乱。

我最终重新克隆了项目，现在一切正常。

未找到Main.js（SystemJS，Angular2）

1 个答案: