Apabila saya mengedit fail, apl Next.js saya tidak mengakui perubahan dan tidak memuat semula

Question

Saya memulakan projek saya dan setakat ini baik.

npm run start                                        

> mk-market@0.1.0 start
> next start

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info  - Loaded env from /Users/...../market/.env.local
warn  - You have enabled experimental feature (appDir) in next.config.js.
warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.

info  - Thank you for testing `appDir` please leave your feedback at https://nextjs.link/app-feedback

Tetapi selepas ini tiada lagi keluaran konsol, tiada lagi permintaan dibuat dan tiada perubahan disimpan dalam fail saya, ia mengeluarkan bahagian pelayan console.logs().

Halaman ini berjalan dalam penyemak imbas saya (terletak di localhost:3000）。但是当我保存更改时（假设添加 <h1>Hello</h1>），我没有自动重新编译。并且 npm run start 也不进行任何更改。获取新保存的更改的唯一方法是运行 npm run build ，然后运行 ​​npm run start

Ini telah berlaku kepada saya pada masa lalu dan satu-satunya cara saya boleh membuatnya berfungsi semula adalah dengan memulakan projek yang benar-benar baharu. Tetapi sekarang saya sudah terlalu jauh.

Saya meng-google seperti gila tetapi satu-satunya perkara yang saya dapati yang berkait rapat ialah huruf besar dalam penamaan halaman dalam folder aplikasi, tetapi itu tidak berlaku di sini.

Selain itu, apabila saya baru menggunakan npm create-next-app 创建了一个全新的项目，但同样的事情正在发生。运行 npm run start saya mendapat:

Error: Could not find a production build in the '/Users/erikingman/MK/mk-test/.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id
    at NextNodeServer.getBuildId (/Users/erikingman/MK/mk-test/node_modules/next/dist/server/next-server.js:352:23)
    at new Server (/Users/erikingman/MK/mk-test/node_modules/next/dist/server/base-server.js:146:29)
    at new NextNodeServer (/Users/erikingman/MK/mk-test/node_modules/next/dist/server/next-server.js:166:9)
    at NextServer.createServer (/Users/erikingman/MK/mk-test/node_modules/next/dist/server/next.js:167:24)
    at async /Users/erikingman/MK/mk-test/node_modules/next/dist/server/next.js:187:31
    at async NextServer.prepare (/Users/erikingman/MK/mk-test/node_modules/next/dist/server/next.js:149:24)
    at async Server.<anonymous> (/Users/erikingman/MK/mk-test/node_modules/next/dist/server/lib/render-server.js:109:17) {
    type: 'Error'
}

Saya terpaksa berlari npm run build untuk menjalankannya, saya tidak ingat melakukan itu untuk projek baharu pada masa lalu.

Answer 1

Ini adalah penyelesaian mudah yang berkesan untuk saya.

Semak versi Node JS dalam command prompt, taipkan node -p "process.arch" Jika anda menggunakan 32-bit, anda perlu menaik taraf kepada 64-bit, pasang Node JS baharu, kemudian mulakan semula PC anda, dan anda sepatutnya bersedia.

Answer 2

Anda tidak menggunakan arahan mod pembangunan yang betul. Ini berfungsi selepas npm run dev 而不是 npm run start。启动是为了部署，在 npm 运行 build.

Inilah yang patut anda lihat di bahagian package.json 的 scripts:

"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start",
  "lint": "next lint"
},