是的，似乎是下一个 13 错误。据我所知，它似乎没有破坏任何东西。

可能是以下 const hasUpdates = Boolean(updatedModules.length); 只需要是 const hasUpdates = Boolean(updatedModules && updatedModules.length);

我检查了这个目录：“./node_modules/next/dist/client/dev/error-overlay/hot-dev-client.js:262:55”，位于 v“13.0.1”和 v“13.0.3”中。这两个函数的定义相同：

function tryApplyUpdates(onHotUpdateSuccess) {
    if (!module.hot) {
       // HotModuleReplacementPlugin is not in Webpack configuration.
       console.error('HotModuleReplacementPlugin is not in Webpack configuration.');
       // window.location.reload();
       return;
    }
    if (!isUpdateAvailable() || !canApplyUpdates()) {
        (0, _client).onBuildOk();
        return;
        }

   function handleApplyUpdates(err, updatedModules) {
        if (err || hadRuntimeError || !updatedModules) {
            if (err) {
                console.warn('[Fast Refresh] performing full reload\n\n' + "Fast Refresh will perform a full reload when you edit a file that's imported by modules outside of the React rendering tree.\n" + 'You might have a file which exports a React component but also exports a value that is imported by a non-React component file.\n' + 'Consider migrating the non-React component export to a separate file and importing it into both files.\n\n' + 'It is also possible the parent component of the component you edited is a class component, which disables Fast Refresh.\n' + 'Fast Refresh requires at least one parent function component in your React tree.');
            } else if (hadRuntimeError) {
                console.warn('[Fast Refresh] performing full reload because your application had an unrecoverable error');
            }
            performFullReload(err);
            return;
        }
        const hasUpdates = Boolean(updatedModules.length);
        if (typeof onHotUpdateSuccess === 'function') {
            // Maybe we want to do something.
            onHotUpdateSuccess(hasUpdates);
        }
        if (isUpdateAvailable()) {
            // While we were updating, there was a new update! Do it again.
            // However, this time, don't trigger a pending refresh state.
            tryApplyUpdates(hasUpdates ? undefined : onBeforeHotUpdate, hasUpdates ? _client.onBuildOk : onHotUpdateSuccess);
        } else {
            (0, _client).onBuildOk();
            if (process.env.__NEXT_TEST_MODE) {
                afterApplyUpdates(()=>{
                    if (self.__NEXT_HMR_CB) {
                        self.__NEXT_HMR_CB();
                        self.__NEXT_HMR_CB = null;
                    }
                });
            }
        } 
        // in here its call handleApplyUpdates
     }

这只是函数的定义。但区别在于调用它的时间：在 v“13.0.1”中，它们的调用方式如下

module.hot.check(/* autoApply */ true).then((updatedModules)=>{
    // without any check "updatedModules" is just passed assumet it is an array
    handleApplyUpdates(null, updatedModules);
}, (err)=>{
    handleApplyUpdates(err, null);
});

在 v“13.0.3”中，它们首先进行了类型检查

 module.hot.check(/* autoApply */ false).then((updatedModules)=>{
        if (typeof onBeforeHotUpdate === 'function') {
            const hasUpdates = Boolean(updatedModules.length);
            onBeforeHotUpdate(hasUpdates);
        }
        return module.hot.apply();
    }).then((updatedModules)=>{
        handleApplyUpdates(null, updatedModules);
    }, (err)=>{
        handleApplyUpdates(err, null);
    });

可能是您的 next.js 版本中的错误。如果您使用 v“13.0.3”，它应该可以工作

不要使用 export default function Page(){

将其更改为 es6 函数 const Page = () => {

并将 export default Page 添加到底部。 我也对布局做了这个。

这对我有用 :)