在 Vercel 和模态 window 上部署带有 Chakra UI 的 React 站点停止显示

Question

我有一个带有模态 window 的页面。在开发模式下，它打开。但是当我将我的 React App 上传到 Vercel 时，屏幕就会变暗，模态 window 不会出现，但是所有 window 控件都可以工作。谁遇到过同样的问题？

const { isOpen, onOpen, onClose } = useDisclosure()
  return (
    <>
      <Button onClick={onOpen}>Open Modal</Button>

      <Modal isOpen={isOpen} onClose={onClose}>
        <ModalOverlay />
        <ModalContent>
          <ModalHeader>Modal Title</ModalHeader>
          <ModalCloseButton />
          <ModalBody>
            <Lorem count={2} />
          </ModalBody>

          <ModalFooter>
            <Button colorScheme="blue" mr={3} onClick={onClose}>
              Close
            </Button>
            <Button variant="ghost">Secondary Action</Button>
          </ModalFooter>
        </ModalContent>
      </Modal>
    </>
  )

Answer 1

我可以通过升级 "framer-motion": version -> "framer-motion": "^4.1.16".

来解决这个问题