故事书/ Vue的storyshot因错误而损坏未找到模块：错误：无法解决“ fs”

Question

https://github.com/storybooks/storybook/issues/4793 该票证中有更多详细信息。 将其粘贴到此处，以查看此时的情况：

描述错误 在已经配置好玩笑并且Storybook正常运行之后，大规模无法解析出“ fs”并提供了Storyshot配置。

要复制 重现行为的步骤：

1. git clone https://github.com/adamchenwei/boilerplate-webpack-babel-sass-storybook-vuejs
2. git checkout `broken/start-after-storyshot-setup`
2. npm install && npm run storybook
4. See error

预期的行为 storyshot不应引起错误，防止Storybook正常运行

屏幕截图

代码段 如果适用，请添加代码示例以帮助解释您的问题。

系统：  -作业系统：MacOS  -设备：Macbook Pro  -浏览器：不适用  -框架：Vue  -插件：   "@storybook/addon-storyshots": "^4.0.6", "@storybook/vue": "^4.0.6",

其他信息：

我试图将node: { fs: 'empty' },添加到故事书的配置中，这只会导致除“ fs”找不到其他错误。所以不能真正解决问题。

任何指针都会受到赞赏。

Answer 1

已通过将其添加到我的.storybook/main.js中来解决：

webpackFinal: async (config, { configType }) => {
    config.resolve.alias = {
      ...config.resolve.alias,
      'fs': path.resolve(__dirname, 'fsMock.js')
    };
    return config
  }

.storybook/fsMock.js的内容：

module.exports = {
  readFileSync: () => 'mock',
}

更多信息：

https://storybook.js.org/docs/react/configure/webpack#extending-storybooks-webpack-config https://github.com/storybookjs/storybook/issues/4082#issuecomment-417329791