我正在使用Next.js。突然我意识到热重载不起作用。相反，在页面元素中有任何更改，页面将 * 完全刷新，不热加载。
假设在pages文件夹中有一个名为test.js的文件。test.js的内容如下：

function test() {

      return <div>Test <div>;
    }

   export default test;

上面的代码很简单，* 在访问本地url时，在页面中输出一个简单的testmessage* 如下：http：//localhost：3000/test.

当我将测试文本更改为其他内容例如test2时，我希望我应该立即在页面中看到新的更改（test2）（热重载），但不幸的是页面首先完全重载，然后我才能看到页面中的新更改（在本例中，新的test2文本）。这是困扰我这么多，等待看到的变化，通过页面刷新，而不是通过热重新加载。
我如何告诉Nex.js，不要完全重新加载页面元素中的任何更改， 但立即在页面上显示它们*，正如预期的那样？？

控制台日志消息如下所示：