javascript - NextJS dynaaminen SSR: False jumissa latauksessa mobiililaitteissa

Ongelma:

Next JS:n dynaaminen tuonti jää lataukseen mobiililaitteen selaimessa (käytetyt selaimet: Google Chrome ja Safari iOS:llä). Kuitenkin se toimii täydellisesti Google Chromessa ja Mozillassa työpöydällä. Käytän myös next-PWA:ta oletusasetuksilla. Voisiko syynä olla next-PWA?

Koodinpätkä:

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

Tulostus mobiililaitteessa

The component is loading

Tulostus työpöytäselaimessa

Hello from Component

Vastaus #1

Vika ei ollut Next Dynamicssa, vaan se johtui siitä, että HTTP-sivusto ei saanut navigaattorin resursseja mobiiliselaimissa.

Muokkaus: Mobiililaitteissa vaadittiin HTTPS HTTP:n sijaan. Siksi, kun käytin paikallisverkossa, se oli HTTP, jotta voit ottaa HTTPS:n käyttöön paikallisverkossasi, voit katsoa: https://web.dev/articles/how-to-use-local-https