実現したいこと
現在学習中の技術書「React ハンズオンラーニング webアプリケーション開発のベストプラクティス 第2版」を学習中なのですが、作成したプロジェクトのビルドが終わりません。
コマンド自体はずっと走ってるのですが終わらないのでビルド完了(少なくともエラーが出るなどして終わる)させたいと思っています。
初心者のため至らぬ点等ありましたらすみません。
前提
上述した技術書の勉強中で、next.jsを用いたアプリケーションを作成しました。
npm run build でビルド自体は走るのですが、非常に長時間走り続け、終了もせずエラーも出ません。
以下環境。
node v16.15.0
├── isomorphic-fetch@3.0.0
├── next@13.2.4
├── react-dom@18.2.0
└── react@18.2.0
また該当箇所のサンプルコードはこちら。https://github.com/oreilly-japan/learning-react-2e-ja/tree/master/chapter-12/12.3
next.jsを用いてサーバーサイドレンダリングのテストをしようという部分で、最後の詰めであるビルドが永遠に終わらない状況です。
発生している問題・エラーメッセージ
コンソール上では以下の画面で止まり先に進みませんでした。時間にして20分以上は止まっています。
> npm run build >{プロジェクト名}@1.0.0 build > next build info - Linting and checking validity of types info - Creating an optimized production build ...
該当のソースコード
以下はpackage.jsonの記述
json
1{ 2 "name": "project-next", 3 "version": "1.0.0", 4 "description": "", 5 "main": "index.js", 6 "scripts": { 7 "dev": "next", 8 "build": "next build", 9 "start": "next start" 10 }, 11 "keywords": [], 12 "author": "", 13 "license": "ISC", 14 "dependencies": { 15 "isomorphic-fetch": "^3.0.0", 16 "next": "^13.2.4", 17 "react": "^18.2.0", 18 "react-dom": "^18.2.0" 19 } 20}
試したこと
まずpackage.jsonのscriptフィールドの記述が誤っているか確かめたのですが、綴り間違いではありませんでした。
他に検索してもあまり参考になる記述が見つからず特にそれ以外はしておりません。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/03/24 15:11