フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
解決済
Console Error
初心者
Kai
2025/02/18 00:20

実現したいこと

【ずんだもんコラボ】ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!
この動画のチャットボットを作ろうとしていますが初歩的なとこで行き詰まってます。もしできるならオリジナルのZIPを送ってくれればすごい助かります

発生している問題

Hydration failed because the server rendered HTML didn't match the client. と出ています。どうやって治すかがわかりません

ソースコード

NextJSを入れて新しいプロジェクトを作ってから触ってませんですので初期段階と全く同じはずです

自分で試したこと

Chatgptなどを使ってErrorをフィックスしようとしたのですができませんでした

補足情報

私はアメリカでの留学生でいま研究用のChatBotを作ろうとしてた時にVoicevoxが日本語用の一番いいTTSだと知りそれとChatGPTのインテグレーションがいちばんだとおもいました。その時に動画を拝見いたしましてドンピシャでしたので作ろうとした次第であります。

回答 1件
login
回答するにはログインが必要です
はる@講師
5か月前

ご質問ありがとうございます。
新規で作成した場合、チュートリアルとライブラリのバージョンが異なるので、エラーが発生する可能性があります。

まずは、下記をそのまま動かして動作することを確認したら、新しいライブラリ用に修正していくと良いと思います。
https://github.com/haruyasu/nextjs-voicevox-tutorial