javascript - NextJS Dynamisk SSR: Feil sitter fast på innlasting på mobile enheter

Problem:

Den dynamiske importen i Next JS sitter fast på lasting i nettleseren på mobile enheter (brukte nettlesere: Google Chrome og Safari på iOS). Mens det fungerer perfekt på Google Chrome og Mozilla på desktop. Jeg bruker også next-PWA med standardkonfigurasjonen. Kan det være på grunn av next-PWA?

Kodesnutt:

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>);
}

Utdata på mobil enhet

The component is loading

Utdata på skrivebordsnettleser

Hello from Component

Svar #1

Feilen lå ikke hos Next Dynamic, men skyldtes at HTTP-siden ikke fikk navigatorressurser i mobilnettlesere.

Rediger: På mobile enheter krevde det HTTPS i stedet for HTTP. Derfor, når jeg kjørte i lokalnettverket, var det i HTTP. For å aktivere HTTPS i ditt lokalnettverk kan du se: https://web.dev/articles/how-to-use-local-https