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>