Angular2 - 没有ExceptionHandler的提供者

时间:2016-01-02 08:00:50

标签: javascript ecmascript-6 angular angular2-services

我正在尝试将angular2集成到我的PHP应用程序中。 以下是我执行的步骤

  1. 包括必要的JS:
  2. ../node_modules/angular2/bundles/angular2-polyfills.js ../node_modules/systemjs/dist/system.src.js ../node_modules/typescript/lib/typescript.js ../node_modules/rxjs/bundles/Rx.js ../node_modules/angular2/bundles/angular2.dev.js

    1. 在Typescript中创建angular2组件:
    2. import {Component} from 'angular2/core'; @Component({ selector: 'hello-world', template: 'My First Angular 2 App' })
      export class AppComponent { }

      1. 配置:
      2. <script> System.config({ transpiler: 'typescript', typescriptOptions: { emitDecoratorMetadata: true } }); </script>

        1. 自举:
        2. <script> System.import('angular2/platform/browser').then(function(ng){ System.import('js/app.ts').then(function(src) { ng.bootstrap(src.AppComponent); }).then(null, console.error.bind(console)); }); </script>

          输出: enter image description here

          修改

          似乎与prototype.js和angular 2存在冲突。请参阅pluker:http://plnkr.co/edit/XKKpriTPrTX3tXqqz8v2?p=preview

1 个答案:

答案 0 :(得分:3)

我有几次这个错误。根据这个:Angular Quickstart

您可能错过了几个脚本:

<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>

如果使用Internet Explorer,您还应该记得包括:

<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script>