如何解决在 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"
解决了这个问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。