reactjs - 找不到页面时@Loadable 组件动态导入显示错误

Question

我正在使用@Loadablecomponents 动态导入文件，但有时页面可能不存在，因为它尚未开发。在那种情况下，我可以显示错误或消息吗？下面是我的代码。

import React, { useState } from "react";
import { Route, useParams } from "react-router-dom";
import { applist } from "./applist";
import loadable from "@loadable/component";

const AppRouter = () => {
  let { approuteid, page } = useParams();

  const { apppath, setapppath } = useState("");
  const { appfilename, setappfilename } = useState("");

  // useEffect(() => {
  //   let id = applist .filter((item) => item.appid === approuteid)[0].id;

  //   setappindex(id + 1);
  // }, [apppath]);

  useEffect(() => {
    let pageroutename = applist
      .filter((item) => item.appid === approuteid)[0]
      .apppages.filter((i) => i.pageroute === page)[0].filename;

    setappfilename(pageroutename);
  }, [approuteid, page]);

  const AsyncPage = loadable(() =>
    import(`./App/${approuteid + "/" + appfilename}`)
  );

  return (
 
      <AsyncPage />
  );
};

export default AppRouter;