Javascript '；应用程序元素'；不是角元素中的已知元素

我想显示一个图表

在chart.component.ts文件中，我编写了用于绘制图形的数据：

import { Component, OnInit } from '@angular/core';
import { PlotlyModule } from 'angular-plotly.js';
import * as PlotlyJS from 'plotly.js/dist/plotly.js';


PlotlyModule.plotlyjs = PlotlyJS;



@Component({
  selector: 'app-element',
  templateUrl: './element.component.html',
  styleUrls: ['./element.component.scss']
})
export class ElementComponent implements OnInit {

      public graph = {
        data: [
            { x: [1, 2, 3], y: [2, 6, 3], type: 'scatter', mode: 'lines+points', marker: {color: 'red'} },
            { x: [1, 2, 3], y: [2, 5, 3], type: 'bar' },
        ],
        layout: {width: 320, height: 240, title: 'A Fancy Plot'}
    };

  constructor() { }

  ngOnInit(): void {
  }

} html如下所示：

<plotly-plot [data]="graph.data" [layout]="graph.layout"></plotly-plot>

然后我想在另一个组件中呈现这个图。 我创建了一个dashboard.component.ts

<app-element></app-element>

然后当我尝试发球时

出现以下错误：

如果“应用程序热图”是一个角度组件，则验证它是否为零件 这是本单元的一部分。 2.如果“app element”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.schemas”中 以抑制此消息

2 <app-element></app-element>

2

---

似乎我忘记了一个步骤？

将

ElementComponent

添加到默认模块（通常是

app.module.ts

）中的

声明中

@NgModule({
声明：[
元素组件
...
]
...
这里有两种可能性

1.两个元素位于同一模块中

@NgModule({
...
声明：[外观组件，父组件]
...
})

2.两者都在不同的模块中

AppComponentModule

@NgModule({
...
声明：[AppElementComponent]，
导出：[外观组件]
...
})

ParentComponentModule

@NgModule({
...
声明：[ParentComponent]，
导入：[AppComponentModule]，
...
})
您是否在
@NgModule
上的
声明中声明了该组件？错误是表示有其他组件导致了问题，而不是您显示的组件。是否有另一个组件带有名为“app heatmap”的选择器你没有在模块中声明吗？我很确定你忘了在main.module中声明你的组件，请参阅关于模块的文档：@Eden1998确保你在moduleSDK的
声明数组中添加了组件，这应该在我的备忘单上，非常好的概述！