storybook [Bug]:Safari 17.0中的文档页面(19616.1.27.211.1)

iyr7buue  于 3个月前  发布在  其他
关注(0)|答案(3)|浏览(59)

描述bug

一些文档页面加载后变为空白,仅在1秒后消失
这发生在Safari 17.0(19616.1.27.211.1),macOS 14.0(23A344)
示例页面:https://storybook.js.org/docs/6.5/writing-stories/build-pages-with-storybook

重现步骤

加载一个页面:https://storybook.js.org/docs/6.5/writing-stories/build-pages-with-storybook

系统信息

  • 无响应*

附加上下文

在bug期间的控制台日志:

[Error] TypeError: null is not an object (evaluating 't.match(/\.((?:\w+-*)+)\.mdx$/)[1]') — https://release-6-5--storybook-frontpage.netlify.a…cs-screen-docs-screen-tsx-36581a59db83bf0699e0.js:0
	du (framework-660ea76ce3345336ed06.js:2:72424)
	(anonymous function) (framework-660ea76ce3345336ed06.js:2:72938)
	Ua (framework-660ea76ce3345336ed06.js:2:54211)
	ki (framework-660ea76ce3345336ed06.js:2:101715)
	bi (framework-660ea76ce3345336ed06.js:2:101285)
	yi (framework-660ea76ce3345336ed06.js:2:100823)
	(anonymous function) (framework-660ea76ce3345336ed06.js:2:112607)
	ws (framework-660ea76ce3345336ed06.js:2:113116)
	ls (framework-660ea76ce3345336ed06.js:2:105615)
	S (framework-660ea76ce3345336ed06.js:2:138146)
	T (framework-660ea76ce3345336ed06.js:2:138678)
[Error] Error: Minified React error #423; visit https://reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
	reportError (framework-660ea76ce3345336ed06.js:2:122125)
	(anonymous function) (framework-660ea76ce3345336ed06.js:2:112945)
	ws (framework-660ea76ce3345336ed06.js:2:113116)
	ls (framework-660ea76ce3345336ed06.js:2:105615)
	S (framework-660ea76ce3345336ed06.js:2:138146)
	T (framework-660ea76ce3345336ed06.js:2:138678)
[Error] TypeError: null is not an object (evaluating 't.match(/\.((?:\w+-*)+)\.mdx$/)[1]') — https://release-6-5--storybook-frontpage.netlify.a…cs-screen-docs-screen-tsx-36581a59db83bf0699e0.js:0
	du (framework-660ea76ce3345336ed06.js:2:72424)
	(anonymous function) (framework-660ea76ce3345336ed06.js:2:72649)
	Ua (framework-660ea76ce3345336ed06.js:2:54211)
	ki (framework-660ea76ce3345336ed06.js:2:101850)
	bi (framework-660ea76ce3345336ed06.js:2:101285)
	yi (framework-660ea76ce3345336ed06.js:2:100823)
	(anonymous function) (framework-660ea76ce3345336ed06.js:2:112607)
	ws (framework-660ea76ce3345336ed06.js:2:113116)
	is (framework-660ea76ce3345336ed06.js:2:106874)
	jl (framework-660ea76ce3345336ed06.js:2:47616)
	(anonymous function) (framework-660ea76ce3345336ed06.js:2:113113)
	ws (framework-660ea76ce3345336ed06.js:2:113116)
	ls (framework-660ea76ce3345336ed06.js:2:105615)
	S (framework-660ea76ce3345336ed06.js:2:138146)
	T (framework-660ea76ce3345336ed06.js:2:138678)
[Error] TypeError: null is not an object (evaluating 't.match(/\.((?:\w+-*)+)\.mdx$/)[1]')
	jl (framework-660ea76ce3345336ed06.js:2:47707)
	(anonymous function) (framework-660ea76ce3345336ed06.js:2:113113)
	ws (framework-660ea76ce3345336ed06.js:2:113116)
	ls (framework-660ea76ce3345336ed06.js:2:105615)
	S (framework-660ea76ce3345336ed06.js:2:138146)
	T (framework-660ea76ce3345336ed06.js:2:138678)
g0czyy6m

g0czyy6m1#

Same in the latest Chrome for Angular 17 app. (Stopped to render after Angular update)

node: v16.15.0
     npm: 8.10.0
    "@angular/cdk": "17.0.4",
    "@nx/storybook": "v17.2.5",
    "@storybook/addon-designs": "^7.0.5",
    "@storybook/addon-interactions": "7.6.7",
    "@storybook/blocks": "^7.0.27",
    "@storybook/addon-a11y": "7.6.7",
    "@storybook/addon-designs": "^7.0.5",
    "@storybook/addon-docs": "7.6.7",
    "@storybook/addon-essentials": "7.6.7",
    "@storybook/addons": "^7.0.27",
    "@storybook/angular": "7.6.7",
    "@storybook/builder-webpack5": "^7.4.5",
    "@storybook/core-server": "7.6.7",
    "@storybook/jest": "0.2.3",
    "@storybook/mdx1-csf": "^1.0.0",
    "@storybook/test-runner": "0.13.0",
    "@storybook/testing-library": "0.2.2",
    "@storybook/theming": "^7.0.27",
    "storybook": "^7.0.27",

Errors

index.mjs:67 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
content.js:73 Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
    at g (content.js:73:33710)
llmtgqce

llmtgqce2#

我将react安装在devDependencies中,它解决了相同的问题:
pnpm i -D react

mwg9r5ms

mwg9r5ms3#

@dnichols,感谢你联系我们解决这个问题。我们很感激。我检查了一下,并确认了这个情况。我们需要进一步研究这个问题,看看发生了什么。@svkarpovich和@DzmVasileusky对额外的背景表示感谢,但你们面临的问题似乎与@dnichols提到的问题完全不同,后者是关于文档站点本身的问题。

相关问题