Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

本番環境で Minified React error が発生している #10

Open
eggplants opened this issue Apr 12, 2024 · 0 comments
Open

本番環境で Minified React error が発生している #10

eggplants opened this issue Apr 12, 2024 · 0 comments

Comments

@eggplants
Copy link
Contributor

概要

本番環境のコンソールを見ると、 Error: Minified React error #418; ... が複数回、 Uncaught Error: Minified React error #423; ... が1回起こっている。

https://reactjs.org/docs/error-decoder.html?invariant=418

Hydration failed because the server rendered HTML didn't match the client.

このエラーは、サーバサイドで生成された静的なHTMLの内容と、レンダリングされた内容が不一致である場合に発生するもので、主に Date.now()Math.random() などのフォーマットなど、JSで動的に内容を帰る部分がある場合などにサーバとクライアントで内容が不一致となる。

対処法は以下の記事に詳しい。
https://zenn.dev/luvmini511/articles/71f65df05716ca

https://reactjs.org/docs/error-decoder.html?invariant=423

There was an error while hydrating but React was able to recover by instead client rendering the entire root.

前述のエラーに関連した内容ぽいがよくわからない。HTMLのコンテンツモデルに違反したDOMが存在したHTMLになっていることが問題?

スクリーンショット

https://healthy-person-emulator.org/

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant