AngularJS 2快速入門“GET /app/app.main.js”錯誤（404）：“未找到”

Question

我正試圖通過角度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的請求，我正在添加文件結構的圖片。 一切都應該是。 :)

Answer 1

我按照最新的教程，它完美無缺。 我認為你的文件名錯了。 而不是在app文件夾中創建文件main.ts，即：app / main.ts，您可能創建了一個名為app / app.main.ts的文件，這可能導致您遇到的錯誤。

如果沒有，那么一小段文件夾結構可能有助於確定根本原因。

Answer 2

好的，問題是教程指定main.ts，它轉換為main.js. 服務器正在尋找app.main.js. 所以，一旦我將文件更改為app.main.ts，它就可以了。 在我閱讀@Jayesh的評論之前，我沒有看到錯誤消息，因為它是藍色的紅色，看起來像app / app / main.js。 所以，謝謝你把它檢查出來。 :)