Javascript “选择器”；相对路径“；不匹配任何元素

我正在跟踪调查

按照说明，我将组件ts和组件html保存在同一目录中。就本问题而言，该目录为/app/components/first

我的组件ts包含以下代码，名为First.component.ts

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

@Component({
    moduleId: module.id,
    selector: 'relative-path',
    templateUrl: 'First.component.html',
    providers: [MyService]
})

@Injectable()
export class FirstComponent {

    public valueObjs: ValueObj[];

    constructor(private _myService: MyService) {}

    getAllItems(): void {
        this._myService.getAllValueObjs().subscribe(
            data => this.valueObjs= data, error=> console.log(error),
            () => console.log("getting complete"));
    }
}

My First.component.html包含以下代码：

<form (ngSubmit)="getAllItems()">
<label>Value Objects</label>
<button type="submit">Search</button>
</form>
<hr>
<p style="color:red">{{error}}</p>
<h1>All Objects</h1>
<div *ngFor="let valueObj of valueObjs">{{valueObj.name}}</div>

并且没有对BrowserModule的引用。不过，我还查看了boot.ts文件，无法比较我的值

最后，我看了一下，但是，我的packaging.json中没有提到angular universal

---

你知道我做错了什么吗？

我也有同样的问题，这个例子有点混乱。该行：

selector: 'relative-path', 

只是组件的示例名称，而不是使用相对路径的命令

只需添加

moduleId

行即可使相对路径正常工作，因此您可以将

选择器

保留为“第一个组件”或之前的任何组件

---

错误消息实际上是试图说明您现在拥有的选择器（“相对路径”）与index.html文件中的内容不匹配。仅当您更改app.module中

引导

项中的组件时，才会发生这种情况。如果您在非引导模块上遇到同样的问题，则会得到更清晰的错误消息。

您是正确的。虽然我放弃了尝试使用相对路径，但您的解决方案确实帮助了我；）干杯

selector: 'relative-path',