javascript - `throw new Error(' 在Next.JS中设置')`中的`fallback: true`时无法加载静态 Prop `getStaticPaths`

Question

引用讨论 here .我遇到了类似的错误。当 fallback 设置为 false 时一切正常。但是，当fallback设置为true时，next js会抛出错误

 throw new Error('Failed to load static props')

Answer 1

经过大量搜索和反复试验，我发现错误是由于 getStaticProps 中的异常引发。

为了解决这个问题，我所做的就是使用 try-catch block 。

export async function getStaticProps({ params }) {
  let data = null;
  try {
    data = await getData(params.slug);
  } catch (err) { };

  return {
    props: {
      data,
    },
  };

并且在渲染时可以使用

if(props.data) return (<your-jsx-here></your-jsx-here>)
else return <div>Any message if you want</div>