Angular2 - 没有ExceptionHandler的提供者

Question

我想在我的PHP应用程序中集成angular2。 以下是我执行的步骤

1. 包括必要的JS：

../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

2. 在Typescript中创建angular2组件：

import {Component} from 'angular2/core'; @Component({ selector: 'hello-world', template: 'My First Angular 2 App' })
export class AppComponent { }

3. 配置：

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

4. 引导：

<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>

输出：

编辑：

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

Answer 1

我有几次这个错误。 根据这个： 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>