./node_modules/framer-motion/dist/es 中出现错误...在“react”和“useInsertionEffect”中找不到导出“useId”（导入为“useId”）

Question

我使用

yarn add framer-motion

安装了framer-motion lib。

我拥有的配置：

错误信息：

ERROR in ./node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs 40:13-18
export 'useId' (imported as 'useId') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version)
 @ ./node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs 5:0-42 57:35-43
 @ ./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs 5:0-52 102:103-116 160:45-58 177:66-79
 @ ./node_modules/framer-motion/dist/es/index.mjs 3:0-73 3:0-73
 @ ./src/Components/Intro/Intro.jsx 20:0-39 155:37-47
 @ ./src/App.js 8:0-45 35:35-40
 @ ./src/index.js 6:0-24 10:33-36

ERROR in ./node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs 58:2-20
export 'useInsertionEffect' (imported as 'useInsertionEffect') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version)
 @ ./node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs 5:0-42 57:35-43
 @ ./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs 5:0-52 102:103-116 160:45-58 177:66-79
 @ ./node_modules/framer-motion/dist/es/index.mjs 3:0-73 3:0-73
 @ ./src/Components/Intro/Intro.jsx 20:0-39 155:37-47
 @ ./src/App.js 8:0-45 35:35-40
 @ ./src/index.js 6:0-24 10:33-36

ERROR in ./node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs 18:13-18
export 'useId' (imported as 'useId') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version)
 @ ./node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs 5:0-52 102:103-116 160:45-58 177:66-79
 @ ./node_modules/framer-motion/dist/es/index.mjs 3:0-73 3:0-73
 @ ./src/Components/Intro/Intro.jsx 20:0-39 155:37-47
 @ ./src/App.js 8:0-45 35:35-40
 @ ./src/index.js 6:0-24 10:33-36

ERROR in ./node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs 37:13-18
export 'useId' (imported as 'useId') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, version)
 @ ./node_modules/framer-motion/dist/es/index.mjs 31:0-90 31:0-90 31:0-90
 @ ./src/Components/Intro/Intro.jsx 20:0-39 155:37-47
 @ ./src/App.js 8:0-45 35:35-40
 @ ./src/index.js 6:0-24 10:33-36

ERROR in ./node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs 34:2-20
export 'useInsertionEffect' (imported as 'useInsertionEffect') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, usMeMemo, useReducer, useRef, useState, version)
 @ ./node_modules/framer-motion/dist/es/motion/index.mjs 5:0-66 57:30-46
 @ ./node_modules/framer-motion/dist/es/index.mjs 35:0-59 35:0-59
 @ ./src/Components/Intro/Intro.jsx 20:0-39 155:37-47
 @ ./src/App.js 8:0-45 35:35-40
 @ ./src/index.js 6:0-24 10:33-36

ERROR in ./node_modules/framer-motion/dist/es/utils/use-motion-value-event.mjs 10:2-20
export 'useInsertionEffect' (imported as 'useInsertionEffect') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, usMeMemo, useReducer, useRef, useState, version)
 @ ./node_modules/framer-motion/dist/es/index.mjs 21:0-73 21:0-73
 @ ./src/Components/Intro/Intro.jsx 20:0-39 155:37-47
 @ ./src/App.js 8:0-45 35:35-40
 @ ./src/index.js 6:0-24 10:33-36

ERROR in ./node_modules/framer-motion/dist/es/value/use-spring.mjs 43:2-20
export 'useInsertionEffect' (imported as 'useInsertionEffect') was not found in 'react' (possible exports: Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, __SECRET_INTERNALS_DO_NOT_USE_OR_YOOU_WILL_BE_FIRED, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, usMeMemo, useReducer, useRef, useState, version)
 @ ./node_modules/framer-motion/dist/es/index.mjs 14:0-51 14:0-51
 @ ./src/Components/Intro/Intro.jsx 20:0-39 155:37-47
 @ ./src/App.js 8:0-45 35:35-40
 @ ./src/index.js 6:0-24 10:33-36

webpack 5.70.0 compiled with 7 errors in 2804 ms

安装过程非常顺利，没有遇到任何问题。
得到了一些其他解决方案here，尽管错误没有得到解决。

Answer 1

信息：
根据共享配置，安装最新版本的

framer-motion

lib。
有时，我们会遇到

React

版本和我们正在使用的

framer-motion

版本的兼容性问题。

解决方案：
使用

yarn upgrade framer-motion@version_number

命令（示例：

yarn upgrade [email protected]

）来降级

framer-motion

的版本