質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Next.js

Next.jsは、Reactを用いたサーバサイドレンダリングなどを行う軽量なフレームワークです。Zeit社が開発しており、nextコマンドでプロジェクトを作成することにより、開発環境整備が整った環境が即時に作成できます。

Q&A

解決済

1回答

3301閲覧

next.jsを用いたアプリのビルドが終わらない

ky-

総合スコア3

Next.js

Next.jsは、Reactを用いたサーバサイドレンダリングなどを行う軽量なフレームワークです。Zeit社が開発しており、nextコマンドでプロジェクトを作成することにより、開発環境整備が整った環境が即時に作成できます。

0グッド

0クリップ

投稿2023/03/23 20:05

編集2023/03/23 20:07

実現したいこと

 現在学習中の技術書「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/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

下記お試しいただくのはいかがでしょうか。

  • 実行中の、不要なアプリやプロセスを終了する
    • (またはPCを再起動する)
    • CPUやメモリが足りないために、ビルドに時間がかかっているのかな?と思いました

投稿2023/03/24 01:24

Yazmatto

総合スコア40

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ky-

2023/03/24 15:11

ありがとうございます。 ご指摘の通りだったようで、再起動してビルドしたら終わりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問