Angular 不是已知元素错误

Question

我现在正在使用 Angular 和 Electron。

我已经通过我的模块文件导入了 ngx-quill。

@NgModule({
imports: [
    ~~~,
    QuillModule
],
exports: [RouterModule]
})

并且我从我的主要组件文件

导入了Quill

import { QuillEditorComponent } from 'ngx-quill/src/quill-editor.component';
import Quill from 'quill';

我在 html 模板中使用了 quill-editor 组件

<quill-editor></quill-editor>

我得到了这样的错误：

'quill-editor' is not a known element:
1. If 'quill-editor' is an Angular component, then verify that it is part of this module.
2. If 'quill-editor' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

Answer 1

@NgModule({
imports: [
    QuillModule
],

需要添加到您实际使用导入模块组件的模块中。
仅将 AppModule 中的模块或未直接导入到您使用编辑器组件的模块中的其他模块导入是不够的。

Answer 2

创建一个共享模块并将QuillModule添加到它的导入和导出部分，然后将共享模块附加到您需要使用Quill编辑器的每个模块

@NgModule({
  imports: [        
    QuillModule.forRoot(),
  ],
  exports: [
    QuillModule
  ]
})

Answer 3

添加 formControlName 也很重要（如果你使用响应式表单）：就我而言 - 它有所帮助。

Angular 不是已知元素错误

Angular not a known element error

quill

electron

angular