时间戳

首页 > 解决方案 > 在 Vercel 上使用 ChackraUI 部署 React 站点并且模式窗口停止显示

reactjs - 在 Vercel 上使用 ChackraUI 部署 React 站点并且模式窗口停止显示

问题描述

我有一个带有模式窗口的页面。在开发模式下，它会打开。但是当我将我的 React 应用程序上传到 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>
    </>
  )

标签： reactjsvercelmodal-windowchakra-ui

解决方案

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

推荐阅读