javascript - 根据 NextJs 文档启动空项目时开发服务器从不响应

Question

基于 NextJs framework documentation ，我按照一些设置步骤来运行一个空项目:

mkdir hello-next
cd hello-next
npm init -y
npm install --save react react-dom next
mkdir pages

然后我将这 3 行添加到我的 package.json 文件中:

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

所以现在一切都应该准备好让我的应用程序运行，执行这个命令行:

npm run dev

但我总是在 http://localhost:3000 上陷入无休止的加载循环。

在我的控制台输出:

[ wait ]  starting the development server ...
[ info ]  waiting on http://localhost:3000 ...
[ ready ] compiled successfully (ready on http://localhost:3000)

Answer 1

你是对的，它并不像教程建议的那样工作。我打开了an issue在 Next Github 存储库中，现在已解决，应该在 9.0.1 版本中提供修复。

同时，您可以通过在pages 目录下创建名为index.js 或index.jsx 的文件来添加一个简单的页面并重新启动服务器。

// pages/index.js
export default () => 'Super simple page';

然后，导航到 http://localhost:3000 应该显示这个页面，任何其他路径应该显示默认的 Next 的 404 错误页面。