XHR 错误 (404) 加载 angular2/forms

XHR error (404) loading angular2/forms

我正在尝试在非 npm 模式下使用 angular2(运行 一个 tomcat 服务器)。服务器端使用 java-spring 从加载相关脚本的索引页面开始。

在我的 index.html 中,进口是

<script src="https://code.angularjs.org/2.0.0-beta.9/angular2-polyfills.js"></script>
<script src="https://code.angularjs.org/tools/system.js"></script>
<script src="https://code.angularjs.org/tools/typescript.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/Rx.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/angular2.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/http.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/router.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.9/testing.dev.js"></script>

打字稿在System.js上配置为

<script>
    System.config({
        transpiler: 'typescript',
        typescriptOptions: { emitDecoratorMetadata: true },
        packages: {'app': {defaultExtension: 'ts'}}
    });
    System.import('app/main.browser')
          .then(null, console.error.bind(console));
</script>

除表单外,其余模块引用均有效,将模块导入为,

import { NgModule } from "angular2/core";
import { CommonModule } from "angular2/common";
import {
    FormsModule,
    ReactiveFormsModule
} from "angular2/forms";

加载齿索引文件时出现以下异常:

angular2-polyfills.js:1243 Error: XHR error (404) loading http://localhost:8080/angular2/forms
    Error loading http://localhost:8080/angular2/forms as "angular2/forms" from http://localhost:8080/app/schema-form/schema-form.module.ts
    at o (https://code.angularjs.org/tools/system.js:4:12694)
    at XMLHttpRequest.I.s.onreadystatechange [as _onreadystatechange] (https://code.angularjs.org/tools/system.js:4:13219)
    at Zone.run (https://code.angularjs.org/2.0.0-beta.9/angular2-polyfills.js:1243:24)
    at XMLHttpRequest.zoneBoundFn (https://code.angularjs.org/2.0.0-beta.9/angular2-polyfills.js:1220:26)

如有任何建议,我们将不胜感激。

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

我认为你应该从 @angular/core 而不是 angular2/core 导入。现在它是 @angular/core 所以改变它。