フルスタックチャンネル
サインアップサインアップ
ログインログイン
利用規約プライバシーポリシーお問い合わせ
Copyright © All rights reserved | FullStackChannel
受付中
「ChatGPTとVOICEVOXを組み合わせて音声チャットアプリを構築!あなたの選んだキャラが読み上げます!」講座のChapter 05「キャラクター選択」について
初心者
サスペンダー
2023/09/22 10:02

実現したいこと

「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 と同様のコードであることを確認しています。

補足情報

確認に見落としがあるかもしれません。

回答 1件
login
回答するにはログインが必要です
はる@講師
1年以上前

ご質問ありがとうございます。
ChromeのデベロッパーツールのConsoleにエラーメッセージはありますでしょうか?
ライブラリのバージョンの違いで動いていない可能性もあります。

一度こちらのチュートリアルのコードを実行してみください。
https://github.com/haruyasu/nextjs-voicevox-tutorial