这可能是因为在应用程序的根模块(app.module.ts)中没有将自定义库添加到imports数组中。请确保你的自定义库在使用时已添加到app.module.ts的imports数组中。
示例代码:
ng generate component my-custom-library-component
import { Component } from '@angular/core';
@Component({
selector: 'my-custom-library-component',
template: 'My Custom Library Component
'
})
export class MyCustomLibraryComponent {}
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MyCustomLibraryComponent } from './my-custom-library-component.component';
@NgModule({
declarations: [
MyCustomLibraryComponent
],
imports: [
CommonModule
],
exports: [
MyCustomLibraryComponent
]
})
export class MyCustomLibraryModule { }
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { MyCustomLibraryModule } from 'path/to/my-custom-library';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
MyCustomLibraryModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
现在,你应该可以在应用程序中的任何组件中使用自定义库组件了。 请确保在模板中使用正确的选择器,例如: