「ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!」講座のChapter 05「キャラクター選択」においてevent compiled client and server successfully
と表示され、キャラクターを選択できることを確認したいです。
Chapter 05「キャラクター選択」において
$ npm run dev
で動作確認をすると
- ready started server on [::]:3000, url: http://localhost:3000
までは表示されますが、先に進みません。
Chapter 03「App Directory」において
$ npm run dev
で動作確認をしたところ
- event compiled client and server successfully in 395 ms (20 modules)
となり、トップページが表示されることを確認しています。
解説の https://youtu.be/birLEMGFhYY?si=uF_i5vB2edX7GMvK、https://zenn.dev/hathle/books/next-voicevox-book と同様のコードであることを確認しています。
確認に見落としがあるかもしれません。
ご質問ありがとうございます。
ChromeのデベロッパーツールのConsoleにエラーメッセージはありますでしょうか?
ライブラリのバージョンの違いで動いていない可能性もあります。
一度こちらのチュートリアルのコードを実行してみください。
https://github.com/haruyasu/nextjs-voicevox-tutorial