ファイルを編集すると、Next.js アプリが変更を認識せず、更新されません

Question

私はプロジェクトを開始しましたが、これまでのところとても順調です。

リーリー

しかし、これ以降、コンソール出力はなくなり、リクエストが行われず、変更がファイルに保存されなかった場合、サーバー側の console.logs() が出力されます。

ページはブラウザで実行されています (localhost:3000 にあります)。しかし、変更を保存すると (<h1>Hello</h1> を追加すると仮定します)、自動再コンパイルが行われません。また、npm run start を実行しても何も変更されません。新しく保存された変更を取得する唯一の方法は、npm run build に続いて npm run start

を実行することです。

これは過去に私に起こったことで、それを再び機能させる唯一の方法は、まったく新しいプロジェクトを開始することでした。しかし、今は少し行き過ぎています。

狂ったようにグーグルで検索しましたが、密接に関連しているのは、アプリケーションフォルダー内のページ名の大文字だけでした。しかし、ここではそうではありません。

また、npm create-next-app を使用して新しいプロジェクトを作成しましたが、同じことが起こっています。 npm run start を実行すると、次のメッセージが表示されます:

リーリー

これを実行するには npm run build を実行する必要がありましたが、過去に新しいプロジェクトでこれを行った覚えはありません。

Answer 1

これが私にとってうまくいった簡単な解決策です。

コマンド プロンプトで Node JS のバージョンを確認し、node -p "process.arch" と入力します。

32 ビットを使用している場合は、64 ビットにアップグレードして新しいノードをインストールする必要がありますJS、それから PC を再起動すれば準備完了です。 ###

Answer 2

正しい開発モード コマンドを使用していません。これは、npm run start ではなく、npm run dev です。デプロイメントのために開始され、npm が build を実行した後に有効になります。

これは、package.json の scripts セクションに表示される内容です:

「スクリプト」: {
  "dev": "次の開発",
  "ビルド": "次のビルド",
  "開始": "次の開始",
  "lint": "次の lint"
}、