vue.js - 故事书/vue 的故事镜头因错误模块未找到而损坏：错误：无法解析“fs”

Question

https://github.com/storybooks/storybook/issues/4793 更多详细信息在该票中。粘贴在这里以了解此时的情况：

描述错误 Massive 无法解决 'fs' 在 jest 已经配置并且故事书正确运行后提出了故事镜头配置。

重现行为的重现 步骤：

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

预期的行为 故事不应导致错误阻止故事书正确运行

截图

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

系统： - 操作系统：MacOS - 设备：Macbook Pro - 浏览器：NA - 框架：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