next.jsでHello worldプログラム(zeitの公式ページに掲載されている)を動かす際に
npm run dev
してコマンドを実行してもエラーが出て動かなかったので原因を調べてみました。
エラーを見たところ、
Error: listen EADDRINUSE :::3000
と表示されていました。
デフォルトでhttp://localhost:3000 でページが表示されるようなのですが、私の環境ではMacのApacheがポート番号3000を抑えていたので動かないのだろうと推測しました。
次にnext.jsで使用するポート番号を調べたところgithubに方法が載っていました。package.jsonの”dev” : “next”となっているところを以下の通りに変更すればよいことがわかりました。
"scripts": { "dev": "next -p 任意のポート番号" }
試しにポート番号を8080などにかえてnpm run dev
したところ、ブラウザでhttp://localhost:8080にアクセスして問題なくHello Worldが表示されました。
コメントを残す