Storybook + Ngx-File-Drop - TypeError：无法读取 registerNgModuleType 处未定义的属性“id”

Question

我将 Angular 9 与 Storybook 结合使用，当我尝试将 NgxFileDropModule 添加到我的 moduleMetadata 导入时，我收到以下错误：

Storybook Error

我已将 NgxFileDropModule 添加到 app.module.ts 文件中，如下所示：

imports: [
    CommonModule,
    RouterModule,
    FormsModule,
    ReactiveFormsModule,
    BrowserAnimationsModule,
    NgxFileDropModule,
    HttpClientModule,
],

在 Storybook Story 中：

export default {
title: 'Upload',
component: UploadComponent,
args: {},
decorators: [
    moduleMetadata({
        declarations: [UploadComponent, ButtonComponent, IconComponent],
        imports: [NgxFileDropModule],
    }),
],} as Meta;

我在没有 Storybook 的情况下创建了一个测试项目，但没有发生错误。

Answer 1

对于那些将来遇到这个问题的人。

我最终通过恢复到 ngx-file-drop v9.0.1 使其正常工作，因为 v10 以上的任何内容都会导致此问题。

Link to github issue