javascript - 找不到模板

Question

我在这里关注几个问题，尝试解决我的问题。最初，我一直收到此错误:

GET http://localhost:3000/node_modules/rxjs/ 404 (Not Found)

我查看了这两个问题，并得出结论，我在配置中缺少一些附加属性:

Angular2 Rxjs 404 error和 Where is angular2-polyfills now that non-beta Angular 2 is packaged as @angular? .

为了摆脱 rxjs 404，我必须在 systemjs.config.js 中添加缺少的属性，如下所示:

rxjs: {
    main: '/bundles/Rx.js',
    defaultExtension: 'js'
},

但是，现在我不断收到 zone.js 文件的错误，指出找不到我的模板。

zone.js:1274 GET http://localhost:3000/templates/Data.component.tpl.html 404 (Not Found)

我在此代码中使用此模板:/app/components/Data.component.ts

import {Component, Injectable} from '@angular/core';
import {MyService} from "../service/MyService";
import {MyVo} from "../domain/MyVo";

@Component({
    selector: 'my-app',
    templateUrl: '../templates/Data.component.tpl.html',
    providers: [MyService]
})

@Injectable()
export class DataComponent {

    public gotData: MyVo [];
    constructor(private _myService: MyService) {}

    getAllData(): void {
    this._myService.getAllData().subscribe(
        data => this.gotData= data, error=> console.log(error),
        () => console.log("getting all items complete"));
    }

}

我的模板位于:app/templates/ 下，名为 Data.component.tpl.html

<form (ngSubmit)="getAllData()">
<label>Version Tracks</label>
<button type="submit">Search</button>
</form>
<hr>
    <p style="color:red">{{error}}</p>
<h1>All Data</h1>

如何消除这个错误？我需要设置加载不同的 zone.js 文件吗？

Answer 1

目前您已经设置了相对于当前路径的引用。尝试将模板网址设置为绝对:

templateUrl: './app/templates/Data.component.tpl.html'

也可能是您设置服务器的方式使其根目录不是您想象的那样。还要检查您的服务器设置。