NextJS 动态 SSR：在移动设备中加载时卡住错误

问题描述

问题：

Next JS 动态导入在移动设备浏览器（使用的浏览器：谷歌浏览器和 IOS 上的 Safari）上加载时卡住了。而它在桌面上的谷歌浏览器和 Mozilla 上完美运行。我也在默认配置上使用 next-PWA。可能是由于下一个 PWA 吗？

代码片段：

import dynamic from "next/dynamic";
import { useMemo } from "react";

export default function Main() {

const Component = useMemo(
    () =>
      dynamic(() => import("@components/Component"),{
        loading: () => <p>The component is loading</p>,ssr: false,}),[],);

  return(<div><Component/></div>);
}

在移动设备上输出

The component is loading

在桌面浏览器上输出

Hello from Component

解决方法

问题不在于 Next Dynamic，而在于 HTTP 站点无法在移动浏览器中获取导航器资源。