0

我已经设置了要在 Storybook 中呈现的 ag-grid。但是，当 Storybook 出现时，什么都没有显示，并且 Chrome 控制台中显示以下错误：

ERROR Error: StaticInjectorError(DynamicModule)[Ng2FrameworkFactory -> BaseComponentFactory]: 
StaticInjectorError(Platform: core)[Ng2FrameworkFactory -> BaseComponentFactory]: 
NullInjectorError: No provider for BaseComponentFactory!
    at NullInjector../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:1034)
    at resolveToken (core.js:1271)

我怀疑这是因为在 Storybook 模块中没有正确设置 ag-grid。以下是我的设置方式 - 使用 Storybook 装饰器：

import { AgGridNg2 } from 'ag-grid-angular';
...

storiesOf('Order List', module)
    .addDecorator(
        moduleMetadata({
            declarations: [AgGridNg2]
        })
    )
    .add('list with orders', () => ({
        component: OrderListComponent,
        props: {
            orders: orders
        }
    }));

知道我做错了什么吗？完整的项目可以在Github上找到，特别是 Storybook 的故事在这里。

4

1 回答 1

1

解决了。我必须导入AgGridModule故事书：

.addDecorator(
    moduleMetadata({
        imports: [AgGridModule.withComponents([])]
    })
)
于 2018-07-31T19:37:19.870 回答