Angular 2:设置角度代码VS 2015更新4版本不起作用

时间:2018-04-23 01:51:10

标签: angular visual-studio-2015

我正在尝试设置VS 2015 Update 3版本以使代码生效。当我使用'NPM start'命令时,最初项目工作。后来我做了修改以使代码工作。我对system.config.ts文件进行了以下更改: -

(function (global) {
  System.config({
    paths: {
      // paths serve as alias
      'npm:': '***/***node_modules/'
},

之后我会收到以下错误: -

app / main.js:1无法加载资源:服务器响应状态为404(未找到)

根据其中一篇博客文章,我对以下内容进行了更改: -

<script>
  System.import('***app/***main.js').catch(function(err){ console.error(err); });
</script>

提前感谢。

1 个答案:

答案 0 :(得分:0)

我对问题进行了排序,解决方法如下: -

<!DOCTYPE html>
<html>
  <head>
    <title>Angular QuickStart</title>
    <base href="/src/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles.css">

    <!-- Polyfill(s) for older browsers -->
    <script src="*../*node_modules/core-js/client/shim.min.js"></script>

    <script src="*../*node_modules/zone.js/dist/zone.js"></script>
    <script src="*../*node_modules/systemjs/dist/system.src.js"></script>

    <script src="systemjs.config.js"></script>
    <script>
        System.import('*../src/*main.js').catch(function (err) { console.error(err); });
    </script>
  </head>

  <body>
    <my-app>Loading AppComponent content here ...</my-app>
  </body>
</html>

请参阅上述更改。应用程序运行正常。

感谢