成帧器运动不适用于 Nextjs 13

Question

我将 Next js 13 与 framer motion 一起使用，但它不起作用。当我在 pages 内部使用它而不使用 experimental 标志时，它工作正常。但是当我迁移到 app 并使用 experimental 标志时，它不起作用。它抛出错误React.createContext is not a function。为什么会这样？

Answer 1

要解决此问题，您必须在使用 framer motion 的 .jsx 文件中添加“使用客户端”作为第一行。当您使用 framer motion 时，您正在访问客户端渲染管道； nextJS 13 默认运行服务端渲染。