Question

使用ngx-avatar时遇到这些错误

未捕获的错误：模板解析错误：

'ngx-avatar' is not a known element:

1. If 'ngx-avatar' is an Angular component, then verify that it is part of this module.
2. If 'ngx-avatar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

（“

[ERROR ->]<ngx-avatar name="John Doe"></ngx-avatar>

“）：

ng:///CardDetailsModule/CardDetailsComponent.html@118:6
    at syntaxError (compiler.js:2175)
    at TemplateParser.parse (compiler.js:11388)
    at JitCompiler._parseTemplate (compiler.js:25963)
    at JitCompiler._compileTemplate (compiler.js:25951)
    at compiler.js:25895
    at Set.forEach (<anonymous>)
    at JitCompiler._compileComponents (compiler.js:25895)
    at compiler.js:25808
    at Object.then (compiler.js:2166)
    at JitCompiler._compileModuleAndComponents (compiler.js:25807)

我已将它们包含在app.module.ts

中

import { AvatarModule } from 'ngx-avatar';

。。

imports: [...,AvatarModule]

我已经在全球范围内安装了ngx，但仍无法正常工作

Answer 1

我认为您的项目中有两个模块

应用程序模块
CardDetails模块

ngx头像用于 CardDetails模块的 cardsDetailComponent 中。但是，您已经将 ngx头像导入了app.module 。

尝试在 cardDetails.module 中导入ngx-avatar模块并进行检查。假设您是否跨多个模块使用ngx-avatar，则意味着将其移至共享模块 strong>并将其导入所需的模块中

将ngx头像导入到cardDetails.module后，请确保将其从 app.module

中删除

“ ngx-avatar”不是已知元素

1 个答案: