必须使用npm run dev
这些脚本涉及开发应用程序的不同阶段：
dev-运行next dev，在开发模式下启动Next.js
build-运行下一个构建，该构建将构建应用程序以供生产使用
start-运行next start，启动Next.js生产服务器

• 来源：https://nextjs.org/docs/getting-started *

您需要将其添加到package.json

"scripts": {
    "test": "jest",
    "dev": " next dev -p 8000",
    "build": "next build",
    "start": "next start",
  }

那么npm run dev

我的也不行。我的解决办法是：

npm run build
npm start

做了这个之后就奏效了。

Fast Refresh被破坏了，因为我们在next.config.js中使用了自定义的webpack配置，将React和ReactDOM设置为外部。
确保React和ReactDOM都包含在bundle中，同时在本地开发中为我们解决了这个问题。

const isDev = NODE_ENV === 'development'

module.exports = {
  webpack: config => {
    if (isDev) {
      return config;
    }

    return {
      ...config,
      externals: {
        react: 'React',
        'react-dom': 'ReactDOM',
      },
    };
  },
};

确保import语句的大小写正确

import Home from '../Components/home';

                vs

import Home from '../Components/Home';