故事书:模块元数据不加载所需的服务、模块等

Question

我试图将我的 Angular 8 应用程序的一个组件加载到几乎无法集成到应用程序结构(动画、商店等(中的故事书中。但我得到的只是故事书本身的错误消息，它无法解决我的动画服务。我已经尝试通过在故事的 moduleMetadata 中导入此服务作为提供程序来解决它，并将其作为提供程序导入到组件文件中。但它没有任何效果。

错误消息本身

Cannot access 'AnimationService' before initialization ; Zone: <root> ; Task: Promise.then ; Value: ReferenceError: Cannot access 'AnimationService' before initialization

这很奇怪，但错误消息的以下文本中分配的文件是一个动画文件和服务，未连接到我的故事的组件和 app-store.module。

这是我的故事配置的摘要片段代码片段父模块包括应用程序中某个区域的@Effect()等。此区域是一个组件，其中包含许多组件，例如组件 A。 提到的服务和动画文件不是此父模块的一部分。

export default {
title: 'Name',
parameters: {
decorators: [
withKnobs,
moduleMetadata({
declarations: [ComponentA],
providers: [AnimationService],
imports: [CommonModule, ParentModule]
})
],
'in-dsm': {
id: 'CONTAINER-ID',
versionFilePath: VERSION FILE,
componentPath: ComponentA
}
}
};

系统：Angular Version: 8.2.11NPX -P @storybook/cli@next SB 信息的结果

Environment Info:
System:
OS: macOS Mojave 10.14.6
CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
Binaries:
Node: 10.16.1 - /usr/local/bin/node
Yarn: 1.15.2 - /usr/local/bin/yarn
npm: 6.9.0 - /usr/local/bin/npm
Browsers:
Chrome: 78.0.3904.108
Firefox: 63.0.3
Safari: 13.0.3
npmPackages:
@storybook/addon-a11y: ^5.2.8 => 5.2.8 
@storybook/addon-actions: ^5.2.8 => 5.2.8 
@storybook/addon-backgrounds: ^5.2.8 => 5.2.8 
@storybook/addon-centered: ^5.2.8 => 5.2.8 
@storybook/addon-knobs: ^5.2.8 => 5.2.8 
@storybook/addon-links: ^5.2.8 => 5.2.8 
@storybook/addon-notes: ^5.2.8 => 5.2.8 
@storybook/addon-options: ^5.2.8 => 5.2.8 
@storybook/addons: ^5.2.8 => 5.2.8 
@storybook/angular: ^5.2.8 => 5.2.8 
@storybook/core-events: ^5.2.4 => 5.2.4 

附言。这个 Angular 应用程序是使用 CLI 创建的。未自定义 Webpack 文件，并且故事书文件夹中的 Webpack 配置为空。两个 tsconfigs(在故事书和根文件夹中(都包含"emitDecoratorMetadata": true选项compilerOptions

Answer 1

好的，初始化问题解决了。我只是简单地启动了主要.js的内容，即启动故事中的AppModule。现在还有其他一些问题，但与这个问题不同。