Angular2: TestApp not working in LightTable. Error: UncoatedModuleInstantiator.getUncoatedModule

Question

我想玩 Angular2 - 一个非常简单的开始！我只是将 angular.io 中的一些代码复制到我的文件中。在 LightTable 中（集成浏览器此代码不起作用：

<!DOCTYPE html>
<html>
  <head>
    <title>Angular2 TestApp</title>
    <script type="text/javascript" src="./libs/angular2.sfx.dev.js"></script>
    <script type="text/javascript" src="./src/main.js"></script>
  </head>
  <body>
    <my-app></my-app>
  </body>
</html>

JavaScript 共 main.js：

function AppComponent() {}

AppComponent.annotations = [
   new angular.ComponentAnnotation({
    selector: 'my-app'
  }),
  new angular.ViewAnnotation({
    template: '<h1>My first Angular 2 App</h1>'
  })
];

document.addEventListener('DOMContentLoaded', function() {
  document.body.innerHTML += 'Hi'; //for checking, whether the file is      recognized
  angular.bootstrap(AppComponent);
});

现在在 LightTable（浏览器）中我收到以下错误消息：

Uncaught Error: ModuleEvaluationError: undefined is not a function in traceur-runtime@0.0.88/src/runtime/async.js
  angular2.sfx.dev.js [2331]    UncoatedModuleInstantiator.getUncoatedModule
  angular2.sfx.dev.js [2413]    ModuleStore.get
  angular2.sfx.dev.js [3187]    anonymous
Uncaught ReferenceError: angular is not defined
  main.js [5]   anonymous

但是在当前的 Firefox 中它工作正常。我究竟做错了什么？非常感谢！

Answer 1

这个特殊情况 was/is LightTable 中的一个问题，应该用 0.8.x 修复. In this thread 是更多信息和示例项目。

Angular2: TestApp not working in LightTable. Error: UncoatedModuleInstantiator.getUncoatedModule

Angular2: TestApp not working in LightTable. Error: UncoatedModuleInstantiator.getUncoatedModule

javascript

lighttable

angular