Javascript 必须重新启动 Next.js 开发服务器才能查看任何更改

首先，另一个问题，#71649994，提出了几乎相同的问题，只是他们只说他们的一个项目会发生这种情况，而我的情况是，我创建的每个项目都会发生这种情况，而在那个问题中，没有解决方案，所以我想我应该再问一次，并添加更多的细节.

在我的例子中，快速重新加载，甚至只是热重新加载/重新构建页面并在我更新代码时刷新，根本不起作用.当我更改我的代码时，没有任何react .当我使用npx create-next-app@latest创建一个基本的Next应用程序，然后使用npm run dev运行开发服务器时，更新像pages/index.js这样的文件不会做任何事情，包括更改页面标题标签等基本更改.在终端中，服务器没有响应我保存文件的输出.

我在两台不同的电脑上体验过这一点，都是使用TypeScrip和普通的JavaScript.一台电脑运行Windows 10，另一台运行Windows 11，但我的开发环境都是WSL2 Ubuntu，我使用的是VScode.

我在一些项目上的经验与我的略有不同.在TypeScrip项目中，修改我全局导入的css文件(而不是css模块)看起来确实适用于快速刷新，包括终端输出以及页面上指示快速刷新发生的加载图标.然而，当按照上面的过程创建默认的JS项目时，快速刷新似乎都不起作用.任何更改似乎都不会触发刷新或响应，刷新页面不会执行任何操作.

需要说明的是，当我运行npm run dev、npx next dev或yarn dev时，初始构建运行得很好.我对类型脚本编译器或sass编译器也没有问题，这意味着当我在目录中运行tsc *.ts --watch时，当我修改那些文件时，它总是毫不费力地将类型脚本代码编译成JS，当我处理.scss个文件时，情况也是如此.

我也可以用npm run start启动一台生产服务器，同样不会出现故障.

我正在运行的一些软件的版本:

• 下一个12.2.4
• VS代码1.70.0
• Ubuntu 20.04.3 LTS

package.json个

{
  "name": "js_web",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "12.2.4",
    "npm": "^8.16.0",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "eslint": "8.21.0",
    "eslint-config-next": "12.2.4"
  }
}

next.config.js个

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  swcMinify: true,
}

module.exports = nextConfig

很难说它是否相关，但在try 全局安装NPM包时，我也遇到过eAccess/权限错误，这需要我使用sudo才能让它们真正安装.由于我在两台计算机上都遇到了这个问题和NextJS问题，这会不会表明我在两台计算机上的配置方式存在问题，从而导致了NextJS问题？

任何有类似设置的人都不会遇到这个问题吗？是否有其他详细信息可供我调查以try 确定问题？

最后，是否可以启用额外的调试输出(如果可能会有帮助)？