我开始了我的项目,到目前为止一切顺利.

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

但在此之后,不再有控制台输出,也不是在发出请求和不将更改保存在我的文件中时,它将输出服务器端console.logs().

该页面在我的浏览器中工作(在localhost:3000).但是当我保存更改时(比方说添加<h1>Hello</h1>),我得不到自动重新编译.npm run start也不会有任何改变.获取新保存的更改的唯一方法是先运行npm run build,然后运行npm run start

我以前也遇到过这种情况,让它重新运转的唯一方法就是启动一个全新的项目.但我现在已经走得有点太远了.

我疯狂地用谷歌搜索,但我能找到的唯一与我密切相关的是我应用程序文件夹中页面命名的大写字母,但这里不是这样.

另外,我刚刚用npm create-next-app创建了一个全新的项目,但同样的事情正在发生.当运行npm run start时,我得到:

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'
}

我必须跑npm run build才能运行它,我不记得过go 为新项目做过这样的事情.

推荐答案

您使用的开发模式命令不正确.是npm run dev,而不是npm run start.开始是部署,在npm run build之后工作.

这是你在你的package.json分中应该看到的,在scripts分中:

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

Javascript相关问答推荐

获取POS餐厅会话用户/收银员

如何在不指定宽度和高度的情况下显示来自网址的下一张图像

Angular 拦截器错误处理删除方法问题

除了在Angular 16中使用快照之外,什么是可行且更灵活的替代方案?

在卡信息之间切换

使用redux-toolet DelivercThunks刷新访问令牌

JS生成具有给定数字和幻灯片计数的数组子集

Phaser框架-将子对象附加到Actor

通过在页面上滚动来移动滚动条

如何在模块层面提供服务?

在react JS中映射数组对象的嵌套数据

在Java中寻找三次Bezier曲线上的点及其Angular

有条件重定向到移动子域

如何在 Select 文本时停止Click事件?

<;img>;标记无法呈现图像

更新Redux存储中的对象数组

使用jQuery find()获取元素的属性

如何使本地html页面在重新加载时保持当前可隐藏部分的打开状态?

在渲染turbo流之后滚动到元素

构建器模式与参数对象输入