I have popmotion@11.0.3 installed as a dependency for framer-motion@6.3.11 in my create-react-app with react-scripts@5.0.0
It will not compile, and I get errors like this:
ERROR in ./node_modules/popmotion/dist/es/utils/interpolate.mjs 1:0-152
Module not found: Error: Can't resolve '<project-folder>/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray' in '<project-folder>/node_modules/popmotion/dist/es/utils'
Did you mean 'slicedToArray.js'?
BREAKING CHANGE: The request '<project-folder>/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
@ ./node_modules/popmotion/dist/es/index.mjs 12:0-54 12:0-54
@ ./node_modules/framer-motion/dist/es/value/index.mjs 2:0-46 293:4-21
@ ./node_modules/framer-motion/dist/es/index.mjs 13:0-61 13:0-61 13:0-61
@ ./src/rui/widgets/FormInputHint.tsx 11:0-39 28:30-40
@ ./src/rui/widgets/PasswordRequirements.tsx 8:0-44 51:30-43
@ ./src/rui/send/SignUp.tsx 21:0-68 410:47-67
@ ./src/routers/Send.js 11:0-37 164:26-32
@ ./src/routers/Root.js 29:9-31:17
@ ./src/App.js 12:0-38 108:32-42
@ ./src/index.js 67:19-69:20
All of the errors are coming from popmotion.
I don't fully understand the issue. I looked at the file ./node_modules/popmotion/dist/es/utils/interpolate.mjs and it does not try to import @babel/runtime/helpers/esm/slicedToArray so I wouldn't even know how to manually update any import statement.
I have
popmotion@11.0.3installed as a dependency forframer-motion@6.3.11in my create-react-app withreact-scripts@5.0.0It will not compile, and I get errors like this:
All of the errors are coming from popmotion.
I don't fully understand the issue. I looked at the file
./node_modules/popmotion/dist/es/utils/interpolate.mjsand it does not try to import@babel/runtime/helpers/esm/slicedToArrayso I wouldn't even know how to manually update any import statement.