NextJS Dynamic SSR：False 卡在移动设备加载中

Question

问题：

Next JS 动态导入卡在移动设备浏览器上加载（使用的浏览器：Google Chrome 和 IOS 上的 Safari。）而它在 Google Chrome 和桌面版 Mozilla。我还在默认配置上使用 next-PWA。会不会是 next-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

Answer 1

故障不是 Next Dynamic 而不是由于 HTTP 站点没有在移动浏览器中获取导航器资源。

NextJS Dynamic SSR：False 卡在移动设备加载中

NextJS Dynamic SSR: False stuck on loading in Mobile Devices

javascript

typescript

next.js

next-pwa