Angular4 Quickstart中的defaultExtension不起作用

时间:2017-04-30 07:29:20

标签: angular

我一直在努力让Quickstart示例正常运行,但遇到了这样的错误:

GET http://localhost:3000/src/app/app.module 404 (Not Found)

我很确定这是因为require没有抓取/src/app/app.module.js ...但我不确定如何修复它......

1 个答案:

答案 0 :(得分:1)

经过多次反复试验,对我有用的是:

  1. 将我的index.html移到我的根文件夹中(我正在从/public提供我的静态文件,因此从public/src/index.htmlpublic/index.html

  2. System.import内的index.html引用更改为:

    System.import('src/main.js').catch(function(err){ console.error(err); });
    
  3. public/src/systemjs.config.js内的参考文献更改为:

    (function (global) {
      System.config({
        paths: {
          // paths serve as alias
          'npm:': 'node_modules/'
        },
        // map tells the System loader where to look for things
        map: {
          // our app is within the app folder
          'app': 'src/app', // <<<<< add `src/`
        },
        packages: {
          'app': {
            defaultExtension: 'js',
            meta: {
              '**/*.js': {  // <<<< add `**/`
                loader: 'systemjs-angular-loader.js'
              }
            }
          },
        },
      });
    })(this);
    
  4. 我希望这可以帮助面临同样问题的人!