javascript 下一个js react应用程序只是加载没有停止

wsewodh2 于 2023-05-12 发布在 Java

关注(0)|答案(1)|浏览(139)

我是Next.js的新手。只是试图将一个单一的HTML页面转换为Next.js网站，这样我就可以使用它的理智。我已经能够导入每一个必要的资产，但它只是不断加载和预加载器拒绝走开。我检查了元素，发现生成的名为main-app.js的文件加载时间太长，我不知道它是做什么的。好吧，我试图手动删除预加载器，我看到页面已经加载，但我不知道为什么预加载器不能离开，因为它是在简单的HTML文件。
请任何贡献将不胜感激。这里是链接到repo和现场网站上的varcel：
网站：https://cios-pi.vercel.app/
github：
https://github.com/MagnificentRimsy/cios

JavaScript

来源：https://stackoverflow.com/questions/76230716/next-js-react-app-just-loading-without-stop

1条答案

按热度按时间

wfveoks01#

loader函数似乎在文档加载之后才运行。
https://github.com/MagnificentRimsy/cios/blob/241682ecf27033b49ca32298dcdc351053690ef5/public/js/main.js#L45-L57
如果是这种情况，您可能需要立即执行onLoad回调。

function loader() {
  const onLoad = () => {
    $("#ctn-preloader").addClass("loaded");
    $("#loading").fadeOut(500);

    if ($("#ctn-preloader").hasClass("loaded")) {
      $("#preloader")
        .delay(900)
        .queue(function () {
          $(this).remove();
        });
    }
  };

  if (document.readyState === "loading") {
    $(window).on("load", onLoad);
  } else {
    onLoad();
  }
}
loader();

赞(0）回复(0）举报 2023-05-12

我来回答

javascript 下一个js react应用程序只是加载没有停止

1条答案

相关问题

热门标签

最新问答