Estoy trabajando en un proyecto en ReactJS y quiero implementar la función AES de la biblioteca CyptoJS. Pero cuando realizo el evento que desencadena el uso del cifrado AES, recibo el siguiente error: TypeError: crypto_js__WEBPACK_IMPORTED_MODULE_1__.CryptoJS no está definido
import React, {useState} from 'react'; import {CryptoJS} from 'crypto-js'; export function Register(){ var body = /* a JSON with information from the register */ var encyMssg = CryptoJS.AES.encrypt(JSON.stringify(body), "key").toString(); return(/* HTML COMPONENT*/); }El error se muestra en la línea var encyMssg y este script está escrito en un archivo .jsx. ¿Algún tipo de solución? Gracias por tu tiempo.
SOLUCIONADO muchas gracias. El problema, como varios de ustedes dijeron, era el {} en la línea de importación; la forma correcta de importar la biblioteca fue:
import CryptoJS from 'crypto-js';Asegúrese de tener que instalar crypto-js usando
npm install crypto-js
Luego, en su módulo de importación de archivos JS que desea usar.
import aes from 'crypto-js/aes';
Ahora puedes hacer clic como a continuación.
aes(value, key).toString()
Aquí está el ejemplo de trabajo de stackblitz.