logo image

Next.jsで開発したシステムがsafariで表示されない

Icon representing a data.
2021-12-08
Icon show updated_at
2022-02-26
1
Twitter icon.
TypeScript
React
Next
Vercel
safari_ver.13.1.2

現象

Next.jsで開発したシステムについて、クロームでは表示されるが、safariの場合は表示されない。開発者ツールを開いてみると下記のようなエラーが表示される。

スクリーンショット 2021-12-08 21.44.48.pngimage

エラーログ・エラーメッセージ

The above error occurred in the <Image> component:

Image
Header__StyledImage
a
Link
div
Header__BoxLeft
div
Header__Inner
header
Header__Container
Header
IndexPage
Authentication
RecoilRoot_INTERNAL
RecoilRoot
ApolloProvider
MyApp
StyleRegistry
PureComponent
ReactDevOverlay
_classCallCheck
AppContainer
Root

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

解決策

Icon representing a avatar.
AkiUnleash
Icon representing a data.
2022-02-26

解決策がわかりました!以下に記載しています。
https://errorshare.dev/en/articles/74e0cc09-b0e9-4f77-8f85-385c8fd5fa26

レベル5のエンジニアです
Area to place ads.
Area to place ads.
Comments
この記事にコメントはまだありません。

開発環境 ライブラリ ツール

TypeScript
React
Next
Vercel
safari_ver.13.1.2
レベル5のエンジニアです