在 Storybook/angular 中导入 @ng-select/ng-select

Question

我正在尝试在故事书中使用@ng-select/ng-select，但它失败了（MatIconModule 按预期工作）。

import { NgSelectModule } from '@ng-select/ng-select';
import { MatIconModule } from '@angular/material/icon';

export default {
   title: 'shared/rating-stars',
   component: RatingStarsComponent,
   imports: [NgSelectModule, MatIconModule]
} as Meta;

错误消息是标准的：“core.js:14937 'ng-select' 不是已知元素：...”所以看起来 NgSelectModule 没有正确定义组件。 所以我想看看这个模块，但我发现 node_modules/@ng-select/ng-select/lib/ng-select.module.d.ts 几乎是空的（重新安装 package 没有帮助，我可以重现它在win / linux上）：

export declare class NgSelectModule {
}

应用程序本身工作正常，知道可能出了什么问题吗？ 非常感谢。

Answer 1

您可能不需要在组件中导入 NgSelectModule。 而是像这样将其导入您的父 module.ts 中。 然后您可以在 html 文件中使用它。

import { NgSelectModule } from '@ng-select/ng-select';
@NgModule({
  imports: [
    .....
    NgSelectModule,
    .....
  ],
  declarations: []
})
export class MyModule { }

Answer 2

请参阅装饰器的文档和复合组件的教程。 需要将其作为 moduleMetadata 添加到组件装饰器中。