tsconfig compilerOptions "module": "system" 不工作

Question

在 angular2 5 分钟教程中，他们使用“系统”作为 tsconfig 中的模块。我有 systemjs 作为 node_module 但是当尝试启动我的服务器时，我从编译 js 文件的第一行得到System is not defined，如下所示： System.register(['http', 'express', './config/index', 'path'], function(exports_1) {

为什么System 未定义，即使我将它作为节点依赖项？

我试图将其更改为commonjs，然后编译的js看起来要简单得多。但后来我在 Angular 应用程序中遇到错误。

为了让它与 SystemJs 一起工作，我缺少什么？

编辑

我认为我不善于解释我的问题。当从将模块导入我的 server.ts 文件“javascript 样式”（var http = require('http');）更改为“打字稿样式”（import * as http from 'http';）时，我开始收到上面指定的错误。执行 javascript 样式时，编译后的 js 看起来与 ts (var http = require('http');) 相同，但是执行“typescript 样式”时，它会使用使用 System 导入的模块进行编译（上面指定的代码行）。所以我在尝试启动节点服务器而不是在浏览器中时遇到了这个错误。

我尝试将 tsconfig.json 中的 compilerOption "module" 更改为 "commonjs" 而不是 "system"，这样做会导致浏览器出现错误（this error，只有解决方案似乎不适合）一些奇怪的原因所以我想我会尝试使用“系统”。但后来我遇到了没有定义System 的问题。那么如何在启动节点服务器时访问 System 呢？

Answer 1

您的 index.html 中似乎缺少对 system.js 的引用。 Angular 旨在由浏览器运行，因此不足以将其作为节点依赖项，浏览器不会自动加载它。当然，不要尝试在 node.js 中的服务器端运行 Angular 应用程序。您想要在服务器端（node.js）上做的是运行一些 Web 服务器，为浏览器提供内容（http-server、lite-server 等）。然后在浏览器中打开由 Web 服务器提供的 index.html，然后使用 system.js 运行 angular2 应用程序进行模块加载。

如果您确实在 index.html 中引用了 system.js，并且您没有尝试在 node.js 服务器端运行它 - 请确保路径正确并且确实已加载 - 通过使用任何现代浏览器的开发工具.