Question

我在angular2中加载索引页面时遇到错误。

获取错误
1.无法加载资源：服务器响应状态为500（内部服务器错误）
2.错误：XHR错误（500内部服务器错误）加载http://localhost:12228/app/main（...）

下面我的索引页面代码是
请建议我如何解决此错误。

谢谢。

＆＃13;

index.html

<!DOCTYPE html>
<html>
<head>
    <script>System.register("angular2/platform/browser");</script>
    <title>Login</title>
  
    <script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
    <script src="../node_modules/angular2/bundles/angular2.js"></script>
    <script src="../node_modules/angular2/bundles/angular2.min.js"></script>
    <script src="../node_modules/angular2/bundles/angular2-polyfills.js"></script>
    <script src="../node_modules/angular2/bundles/angular2-polyfills.min.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.9/angular2-polyfills.js"></script>

    <script src="https://rawgithub.com/systemjs/systemjs/0.19.6/dist/system.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.8/angular2.dev.js"></script>
     
    <script src="https://code.angularjs.org/tools/typescript.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.9/Rx.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.9/angular2.min.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.9/http.min.js"></script>
    <script src="https://code.angularjs.org/2.0.0-beta.9/router.dev.js"></script>

    <script src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.1/underscore-min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone-localstorage.js/1.0/backbone.localStorage-min.js"></script>
    
    <!-- 2. Configure SystemJS -->
    <script>
        System.config({
            packages: {
                app: {
                    format: 'register',
                    defaultExtension: 'js'
                },
            },
            map: {  // in lieu of index.html script src reference because where using systemjs not commonjs module loader
                app: 'assets/js/app'
            }
        });
        System.import('/app/main').then(null, console.error.bind(console));



    </script>
</head>
<!-- Run the application -->
<body>
    <h1>Angular 2 Form builder </h1>
    <Login>Loading Sample...</Login>

 
</body>
</html>

＆＃13;

Answer 1

SystemJS尝试加载http://localhost1228/app/main很奇怪，因为在配置时，它应该加载http://localhost1228/assets/js/app/main.js。

也许你可以试试这个：

System.config({
  map: {
    app: 'assets/js/app'
  },
  packages: {
    app: {
      defaultExtension: 'js',
      format: 'register'
    }
  }
});

无法加载资源：服务器响应状态为500（内部服务器错误）angular2

1 个答案: