Recién comencé a aprender a reaccionar y he estado tratando de hacer que mi aplicación de reacción se conecte a mi base de datos con
var mysql = require('mysql'); var con = mysql.createConnection({ host: "localhost", user: "*", password: "*", database: "media_app" }); con.connect(function(err) { if (err) throw err; console.log("Connected!"); });pero cuando ejecuto la aplicación con npm start, arroja un montón de errores
Compilado con problemas: X ERROR en ./node_modules/mysql/lib/Connection.js 1:13-30 Módulo no encontrado: Error: No se puede resolver 'crypto' en 'C:\xampp\htdocs\socialapp\node_modules\mysql \lib' CAMBIO IMPORTANTE: webpack < 5 solía incluir polyfills para los módulos principales de node.js de forma predeterminada. Este ya no es el caso. Verifique si necesita este módulo y configure un polyfill para él. Si desea incluir un polyfill, debe: - agregar un respaldo 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }' - instalar 'crypto-browserify' Si no lo hace desea incluir un polyfill, puede usar un módulo vacío como este: resolve.fallback: { "crypto": false } ERROR en ./node_modules/mysql/lib/protocol/Auth.js 3:13-30 Módulo no encontrado: Error: no se puede resolver 'crypto' en 'C:\xampp\htdocs\socialapp\node_modules\mysql\lib\protocol' CAMBIO IMPORTANTE: el paquete web < 5 solía incluir polyfills para los módulos principales de node.js de forma predeterminada. Este ya no es el caso. Verifique si necesita este módulo y configure un polyfill para él. Si desea incluir un polyfill, debe: - agregar un respaldo 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }' - instalar 'crypto-browserify' Si no lo hace desea incluir un polyfill, puede usar un módulo vacío como este: resolve.fallback: { "crypto": false } ERROR en ./node_modules/mysql/lib/protocol/sequences/Query.js 3:9-22 Módulo no encontrado: Error: no se puede resolver 'fs' en 'C:\xampp\htdocs\socialapp\node_modules\mysql\lib\protocol\sequences'
eliminar la var mysql = require('mysql') lo arregla pero luego no puedo conectarme a la base de datos
Hubo 22 de estos en lugar de 3 para otras cosas que no pudo resolver como búfer, url, tls y otras cosas, pero solo ejecuté npm install... para cada uno y los errores desaparecieron, pero estos no cuando ejecuté npm install crypto o fs y he tratado de agregar
"browser": { "crypto": false }en package.json lo intenté con el archivo tsconig.json e intenté agregar resolve.fallback en el archivo de configuración del paquete web, pero nada parece funcionar
En primer lugar, verifique todas sus declaraciones de importación dentro de sus propios archivos. Estaba usando express en el backend y vscode intellisense importado automáticamente: import { response } from 'express' lo que provocó un error con el módulo 'fs'.
También necesitarás policompletar tu código. Como puede ver en su mensaje de error, hay un cambio importante ya que la versión 5 de Webpack no rellena los módulos core node.js de forma predeterminada. Por ejemplo, 'crypto' es un módulo principal de node.js que ya no está polillenado de forma predeterminada.
Así es como resolví el problema de polyfilling con npx-create-react-app y webpack5, espero que funcione para usted.
Necesitará npm i crypto-browserify (como se menciona en su mensaje de error).
Luego busque el archivo webpack.config.js en: yourapp/node_modules/react-scripts/config/webpack.config.js
Mire a través del archivo webpack.config.js y busque (puede ctrl + f y escribir 'resolve') el bloque de resolución dentro del bloque modules.exports. Aquí debe proporcionar un respaldo para cada módulo que no se puede encontrar. Este es el código que usé:
resolve: { fallback: { "crypto": require.resolve("crypto-browserify"), },Reinicie su proyecto después de modificar el archivo webpack.config.js.
Si obtiene errores posteriores que indican que es necesario un polyfill, simplemente repita el proceso anterior para ese módulo específico. Por ejemplo, si tuviera un mensaje de error para 'stream', haría npm i stream-browserify y modificaría webpack.config.js para:
resolve: { fallback: { "crypto": require.resolve("crypto-browserify"), "stream": require.resolve("stream-browserify"), },