AngularJS 2快速入门“;GET/app/app.main.js“;错误(404):“;“未找到”;

AngularJS 2快速入门“;GET/app/app.main.js“;错误(404):“;“未找到”;,angularjs,Angularjs,我正在尝试通过angular 2快速入门,遇到了这个错误消息 Starting up http-server, serving ./ Available on: http://127.0.0.1:8080 http://172.17.12.201:8080 Hit CTRL-C to stop the server [Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" "Mozilla/5.0 (Wind

我正在尝试通过angular 2快速入门,遇到了这个错误消息

    Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://172.17.12.201:8080
Hit CTRL-C to stop the server
[Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36"
[Thu Aug 11 2016 16:27:57 GMT+0000 (UTC)] "GET /app/app.main.js" Error (404): "Not found"
systemjs.config.js的设置与他们的设置完全相同:

/**
 * System configuration for Angular 2 samples
 * Adjust as necessary for your application needs.
 */
(function(global) {
  // map tells the System loader where to look for things
  var map = {
    'app':                        'app', // 'dist',
    '@angular':                   'node_modules/@angular',
    'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
    'rxjs':                       'node_modules/rxjs'
  };
  // packages tells the System loader how to load when no filename and/or no extension
  var packages = {
    'app':                        { main: 'main.js',  defaultExtension: 'js' },
    'rxjs':                       { defaultExtension: 'js' },
    'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' },
  };
  var ngPackageNames = [
    'common',
    'compiler',
    'core',
    'forms',
    'http',
    'platform-browser',
    'platform-browser-dynamic',
    'router',
    'router-deprecated',
    'upgrade',
  ];
  // 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 = {
    map: map,
    packages: packages
  };
  System.config(config);
})(this);
main.js被传输为app/main.js。那么,是什么导致服务器尝试路由到app/app/main.js呢?我搜索了又搜索,似乎没有什么不对劲,似乎没有其他人有这个问题。有没有其他地方可以布置路线

更新:根据@Jayesh的请求,我正在添加文件结构的图片。万事俱备。:)


我遵循了最新的教程,效果非常好。我想你用错误的名字做了这个文件。您可能创建了一个名为app/app.main.ts的文件,而不是在app文件夹ie:app/main.ts中创建文件main.ts,这可能会导致您面临的错误


如果没有,那么文件夹结构的一小部分可能有助于确定根本原因。

好的,问题是教程指定了main.ts,它会传输到main.js。服务器正在查找app.main.js。因此,一旦我将文件更改为app.main.ts,它就工作了。直到我阅读了@Jayesh的评论,我才正确地看到错误消息,因为它是红色加蓝色的,看起来像是app/app/main.js。因此,感谢您的查看。:)

我在上面添加了它,因为它不允许我在评论中添加图片。:)我知道了,但是读了你的评论让我意识到发生了什么,所以谢谢!