[英]<selector> is not a known element Angular 9 custom library
[英]Component selector from angular library is not a known element
我完全按照以下步骤创建了简单的 angular 库:
1. ng new pwo-countup-library --create-application=false
2. ng g library countup
3. ng g application countup-test
4. ng build countup
5.将CountupModule导入app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { CountupModule } from 'countup';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule, CountupModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
@Component({
selector: 'app-root',
template: `
<lib-countup></lib-countup>
`,
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'countup-test';
}
countup.component 看起来像这样:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'lib-countup',
template: `
<p>
countup works!
</p>
`,
styles: []
})
export class CountupComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
这里是 countup.module:
import { NgModule } from '@angular/core';
import { CountupComponent } from './countup.component';
@NgModule({
declarations: [CountupComponent],
imports: [
],
exports: [CountupComponent]
})
export class CountupModule { }
我在 app.component 模板中收到错误:
lib-countup
不是已知元素
有谁能够帮我? 这与这个问题https://stackoverflow.com/questions/62315080/selector-is-not-a-known-element-angular-9-custom-library[1]中的问题完全相同,但到目前为止没有人知道答案这个问题。谢谢!
您正在尝试将组件与不存在的选择器“lib-countup”一起使用。 您必须在库中使用此类选择器创建组件并将其添加到库模块的导出数组中
@NgModule({
declarations: [YourComponent],
exports: [YourComponent] <--- here
imports: [],
providers: []
})
export class CountupModule{ }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.