Cuando estoy tratando de hacer una animación simple para div usando el movimiento del marco. Recibo este siguiente error en el navegador
/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
Can't import the named export 'Children' from non EcmaScript module (only default export is available)```En mi opinión, cambiar a una versión anterior es el último recurso porque no puedes usar las características más nuevas que te ofrece Framer Motion.
Lo que debería funcionar en este caso es simplemente cambiar ligeramente la importación:
import { motion } from 'framer-motion/dist/framer-motion'Esto funcionó para mí:
import {AnimatePresence, motion} from 'framer-motion/dist/framer-motion'Para resolver No se puede importar la exportación denominada 'Niños' desde un módulo que no es EcmaScript (solo está disponible la exportación predeterminada) Error Solo necesita degradar la versión de movimiento de Framer a "4.1. 17” Y ahora, su error debe ser resuelto.
npm i framer-motion@4.1.17Esto funciona para mí.
npm uninstall framer-motion npm install framer-motion@4.1.17Aquí está la respuesta al problema de Framer Discord
con respecto al problema con la versión actual de create-react-app (CRA), el problema se rastrea en GitHub aquí: https://github.com/formatjs/formatjs/issues/1395
Después de probar un poco, parece que el problema es cómo CRA maneja las dependencias de ESM y, más particularmente, parece que las dependencias transitivas no se manejan correctamente. También hay un problema pendiente con CRA sobre esto https://github.com/facebook/create-react-app/issues/10356 .
Opciones:
Esto está arreglado/no se rompe en la próxima versión de CRA que puede probar hoy ( https://github.com/facebook/create-react-app/discussions/11278 ) tome nota aunque todavía está en alfa.
Puede parchear CRA para solucionar el problema como se describe en varios boletos de otras bibliotecas
Resuelto usando esta importación:
import {motion} from 'framer-motion/dist/es/index'Bajé la versión de movimiento de Framer a "4.1.17" cambiando el archivo package.json y ejecutando npm install y funciona para mí.