Angular 2包含MEAN堆栈问题

时间:2016-08-16 16:25:07

标签: node.js express mean-stack

我正在尝试将后端附加到我的角度2应用程序。我有一个Server.js文件,它抓住了我的index.html,但是我的index.html中的foo(String)收到了错误

错误

System.import('app').catch(function(err){ console.error(err) });

的index.html

SCRIPt5009: 'System' is undefined

server.js

<html>
<head>
 <base href="/">
 <title>LGR</title>
 <meta charset="UTF-8"> 
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
 <link rel="stylesheet" href="./app/css/lgr.css">
 <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 <!-- 1. Load libraries -->

 <!-- 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/reflect-metadata/Reflect.js"></script>
 <script src="node_modules/systemjs/dist/system.src.js"></script>


<!-- 2. Configure SystemJS -->
<script src="systemjs.config.js"></script>
<script>
  System.import('app').catch(function(err){ console.error(err) }); <----ERROR HERE!
</script>

</head>
<!-- 3. Display the application -->
<body>
 <my-app>Loading...</my-app>
</body>
</html>

我在这里很失落,任何帮助都会很棒。我想我不明白如何定义&#34;系统??

编辑:添加文件夹结构

enter image description here

网络输出

enter image description here

1 个答案:

答案 0 :(得分:1)

我会这么说,因为你是专门发送index.html文件,并为/app中的内容做静态服务。如果systemjs.config.js文件位于/app文件夹中并在index.html中引用为src='/app/systemjs.config.js',则该文件可能有效。

- 编辑:仍然没有100%确定问题是什么。我做了我们在其中讨论过的所有内容,没有别的。很高兴它工作!