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 所以改变它。
我正在尝试在非 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 所以改变它。