未处理的承诺拒绝:模板解析错误

Angular 2 Unhandled Promise rejection: Template parse errors

本文关键字：错误 承诺 拒绝 未处理      更新时间：2023-09-26

你好，我正在学习angular2，所以我提出了这个错误不知道为什么。这很简单，请帮我解决。我有两个组件，尝试在第一个组件的模板中使用其他组件的选择器。组件被导入，所以我不知道为什么我得到错误。

Unhandled Promise rejection: Template parse errors:
'playlist' is not a known element:

第一个组件

import { Component } from '@angular/core';
import { ProductListComponent } from './product.component';
import { Video } from './video';
import { PlaylistComponent } from './playlist.component';
@Component({
  selector: 'my-app',
  templateUrl: 'app/app.component.html',
  directives: [PlaylistComponent]
})
export class AppComponent {
  head =ProductListComponent.MAIN
  videos = Array<Video>;
  constructor(){
    this.video = new Video(1,'youtube','axaEfeaS','Ovo je mnogo lepa deskripcija');
  }
}

第二组件

import { Component } from '@angular/core';
@Component({
  selector: 'playlist',
  templateUrl: 'app/playlist.component.html',
})
export class PlaylistComponent {
}
html app.component file
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div><playlist></playlist></div>
</body>
</html>

需要帮助

如果你使用的是2.0.0版本，那么@Component中的directives属性已经过时了。它在测试版的大部分时间都是可用的，但最近在rc中被删除了。

您需要查看最新的文档。你需要实现一个ngModule来传入这个组件。

相关文章：