将 React 与 Next.js 演示一起使用不起作用答案

【问题标题】：Using React with Next.js demo is not working将 React 与 Next.js 演示一起使用不起作用
【发布时间】：2019-08-01 09:55:26
【问题描述】：

我的包.js

{
  "name": "nextjs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "next",
    "build": "next build",
    "prod_start": "NODE_ENV=production node server.js",
    "start": "next start"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "next": "^9.0.2",
    "react": "^16.8.6",
    "react-dom": "^16.8.6"
  }
}

以下是错误日志。

Error: Could not find a valid build in the 'xxx/nextjs/.next' directory! Try building your app with 'next build' before starting the server.
    at Server.readBuildId (xxx/node_modules/next-server/dist/server/next-server.js:425:23)
    at new Server (xxx/node_modules/next-server/dist/server/next-server.js:43:29)
    at module.exports (xxx/node_modules/next-server/index.js:4:10)
    at module.exports.options (xxx/node_modules/next/dist/server/next.js:2:161)
    at start (xxx/node_modules/next/dist/server/lib/start-server.js:1:385)
    at nextStart (xxx/node_modules/next/dist/cli/next-start.js:22:125)
    at commands.(anonymous function).then.exec (xxx/node_modules/next/dist/bin/next:29:346)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)
    at Function.Module.runMain (module.js:695:11)

运行 npm start 时在 node_modules/next-server/dist/server/next-server.js 中显示错误

【问题讨论】：

标签： reactjs next.js

【解决方案1】：

首先运行npm run build。当您运行npm run start 时，它会尝试启动一个本地服务器，以便您可以在本地运行您的应用程序。但是，如果您刚刚安装它并且还没有构建您的应用程序（如错误所示），那么您的本地服务器就没有任何东西可以提供。

如果您想在开发时在本地运行它（即实时重新加载），请使用npm run dev。

【讨论】：