描述bug

这可能类似于 #9412 。我一直能正常预览，但今天早上它们在画布选项卡中停止出现，并且一段时间内拒绝回来。(实际上，页面加载时它们几乎立即出现并消失。)我现在恢复正常了，只是想记录下来，以防其他人遇到同样的问题。

• 在开发者工具中检查时，预览元素似乎不存在。
• 当我在一个不同的FF会话容器中查看页面时，或者在另一个浏览器中，我可以正常预览。
• 当我切换到Firefox开发者工具中的响应式设计模式并选择不同的视口大小时，预览重新出现，当我退出开发者工具时它仍然可见。
• 我尝试通过在 main.js 数组中的 addons 处注解掉 "@storybook/addon-docs" 来禁用Docs插件，重启Storybook并重新加载页面，但没有效果。
• 我也尝试清空 node_modules 并重新运行 npm install 。
  重现

重现行为的方法：

1. 在 http://localhost:6006/ 上加载本地的Storybook页面。
2. 点击侧边栏中的一个故事。

预期行为

组件预览在画布选项卡中正常显示。

截图

代码片段

main.js :

const path = require( 'path' );

module.exports = {
	"stories": [
		'../themes/mytheme/components/**/stories/*.@(js|mdx)',
	],
	"addons": [
		"@storybook/addon-docs",
		"@storybook/addon-links",
		"@storybook/addon-essentials",
		"@storybook/addon-postcss"
	],
	webpackFinal: async ( config ) => {
		config.module.rules.push( {
			test: /\.scss$/,
			use: [ 'style-loader', 'css-loader', 'sass-loader' ],
			include: path.resolve( __dirname, '../' ),
		} );

		return config;
	},
	// Adds React import to built JS modules
	babel: async ( options ) => ( {
		...options,
		"plugins":
			[
				"react-require"
			],
	} ),
};

系统

Environment Info:

  System:
    OS: macOS 10.15.7
    CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
  Binaries:
    Node: 14.16.0 - ~/.nvm/versions/node/v14.16.0/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 6.14.11 - ~/.nvm/versions/node/v14.16.0/bin/npm
  Browsers:
    Chrome: 89.0.4389.90
    Firefox: 87.0
    Safari: 14.0.3
  npmPackages:
    @storybook/addon-actions: ^6.2.7 => 6.2.7
    @storybook/addon-docs: ^6.2.7 => 6.2.7
    @storybook/addon-essentials: ^6.2.7 => 6.2.7
    @storybook/addon-links: ^6.2.7 => 6.2.7
    @storybook/addon-postcss: ^2.0.0 => 2.0.0
    @storybook/react: ^6.2.7 => 6.2.7

附加上下文

在这里添加有关问题的其他上下文。