在 Vercel 和模式窗口上使用 ChackraUI 部署 React 站点停止显示

问题描述

我有一个带有模态窗口的页面。在开发模式下，它打开。但是当我将我的 React App 上传到 vercel 时，那里的屏幕会变暗，并且没有出现模态窗口，但是所有的窗口控件都可以工作。谁遇到了同样的问题？

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>
    </>
  )

解决方法

我通过升级 "framer-motion": version -> "framer-motion": "^4.1.16" 解决了这个问题。