有人能帮我解决这个错误吗？我遵循了一个电子商务示例应用程序，但最后，当我点击“立即购买”时遇到了一个错误。这是我收到的消息：服务器错误类型错误：无法解构“product”的属性“image”，因为它为null。
生成页面时发生此错误。所有控制台日志将显示在终端窗口中。Source pages\product[slug].js（19：10）@ image

const { image, name, details, price } = product;
     |        ^
  20 | const [index, setIndex] = useState(0);
  21 | const { decQty, incQty, qty, onAdd, setShowCart } = useStateContext();
  22 | const handleBuyNow = () => {

export const getStaticPaths = async () => {
  const query = `*[_type == "product"]{
slug{
                    current
}
}`;

  const products = await client.fetch(query);
  const paths = products.map((product) => ({
    params: {
      slug: product.slug.current,
    },
  }));
  return {
    paths,
    fallback: "blocking",
  };
};
export const getStaticProps = async ({ params: { slug } }) => {
  const query = `*[_type == "product" && slug.current == '${slug}'][0]`;
  const productsQuery = '*[_type == "product"]';

  const product = await client.fetch(query);
  const products = await client.fetch(productsQuery);

  return {
    props: { products, product },
  };
};
export default ProductDetails;

谢谢你
当您点击“现在购物”时，它应该直接打开购物车。