Framer-运动导入中断页下一个Js

Question

嗨，我正在尝试将帧运动导入到下一个Js的页面。

import { motion } from "framer-motion"

这会打破这一页。我在终端中得到以下错误：

/Users/.../Sites/.../node_modules/framer-motion/dist/es/index.js:1
export { MotionConfig, MotionConfigContext } from './context/MotionConfigContext.js';
^^^^^^

SyntaxError: Unexpected token 'export'
    at wrapSafe (internal/modules/cjs/loader.js:931:16)
    at Module._compile (internal/modules/cjs/loader.js:979:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)
    at Module.load (internal/modules/cjs/loader.js:879:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:903:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at eval (webpack-internal:///framer-motion:1:18)
    at Object.framer-motion (/Users/.../Sites/.../.next/server/pages/work.js:446:1)
    at __webpack_require__ (/Users/.../Sites/.../.next/server/pages/work.js:23:31)

我在任何地方都看不到关于这个问题的任何文档。

谢谢,

Answer 1

我遇到了同样的错误。我注意到Framer Motion (3.10.5)和Next (10.0.9)都是在过去16小时内更新的。

我运行了npm update，它为我修复了这个错误，但请注意，这个命令会更新包中的所有内容。

如果您担心破坏更改，请尝试仅更新两个包framer和next - npm update framer-motion next或yarn upgrade framer-motion next

Answer 2

我也有同样的问题，你只需要更新你的包。

npm update