问题描述
我正在努力将framer-motion包裹住，这是一个非常不错的动画库，正在尝试与NextJS结合使用。
我遵循了CSS技巧youtube视频，该视频使用此沙箱解释了layoutTransition：
https://codesandbox.io/s/framer-motion-css-tricks-template-3-07wkh?fontsize=14&module=/src/Image.tsx&file=/src/Image.tsx:0-783
急于尝试，我将其复制到NextJs项目中，但是无法正常工作。我剥离了所有内容以使其变得更加干净，最后得到了这些沙箱：一个是React，另一个是NExtJS。对我来说，它们是相同的，但是在我的NextJS沙箱中使用layoutTransition缩放图像似乎不起作用，为什么？
https://codesandbox.io/s/framer-motion-image-zoom-forked-774up https://codesandbox.io/s/currying-haze-wii0m
解决方法
我遇到了同样的问题，这使我花费了很多时间进行修复。因此，它不适用于您的下一个应用程序的原因是您的Framer-Motion版本高于2.0。将其降级到最新的v1，即1.11.1，应该没问题。我不知道为什么从v2开始layoutTransitions停止工作，没有找到有关此问题的任何信息。
我发现制框运动很棒，但是它缺乏很好的文档，社区似乎还不够庞大