Arranqué mi aplicación con create-react-app y cuando ejecuto mi aplicación se compila con advertencias y arroja errores en el navegador.
Error al compilar
./node_modules/rc-picker/node_modules/moment/src/lib/locale/locales.js Module not found: Can't resolve './locale' in '/Users/macbook/Desktop/projects/pizza/Yummi-fend/node_modules/rc-picker/node_modules/moment/src/lib/locale'Error en el navegador
Error: Cannot find module './locale' ▶ 2 stack frames were collapsed. __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../node_modules/moment/src/lib/moment/moment.js node_modules/moment/src/lib/moment/moment.js:1 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../node_modules/moment/src/moment.js node_modules/moment/src/moment.js:1 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../node_modules/rc-picker/es/generate/moment.js node_modules/rc-picker/es/generate/moment.js:1 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../node_modules/antd/es/calendar/index.js node_modules/antd/es/calendar/index.js:1 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../node_modules/antd/es/index.js node_modules/antd/es/index.js:3 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../src/components/AuthPage/loginPage.js http://localhost:3000/static/js/main.chunk.js:313:62 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../src/App.js http://localhost:3000/static/js/main.chunk.js:127:88 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled Module../src/index.js http://localhost:3000/static/js/main.chunk.js:1595:62 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled fn /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:150 147 | ); 148 | hotCurrentParents = []; 149 | } > 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return { View compiled 1 http://localhost:3000/static/js/main.chunk.js:1737:18 __webpack_require__ /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:784 781 | }; 782 | 783 | // Execute the module function > 784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true; View compiled checkDeferredModules /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:45 42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i--, 1); > 45 | result = __webpack_require__(__webpack_require__.s = deferredModule[0]); | ^ 46 | } 47 | } 48 | View compiled Array.webpackJsonpCallback [as push] /Users/macbook/Desktop/projects/pizza/Yummi-fend/webpack/bootstrap:32 29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready > 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result; View compiled (anonymous function) http://localhost:3000/static/js/main.chunk.js:1:65Paquete.json
{ "name": "client", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^4.2.4", "@testing-library/react": "^9.3.2", "@testing-library/user-event": "^7.1.2", "antd": "^4.2.0", "axios": "^0.19.2", "formik": "^2.1.4", "react": "^16.13.1", "react-dom": "^16.13.1", "react-icons": "^3.10.0", "react-redux": "^7.2.0", "react-router-dom": "^5.1.2", "react-scripts": "3.4.1", "redux": "^4.0.5", "yup": "^0.28.5" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }He intentado investigar y es un error que se origina en moment-js, pero no estoy usando ese módulo y tampoco está instalado.
¿Cual podría ser el problema?
La razón por la que esto sucede es porque moment lanzó la nueva versión de 2.24.0 a 2.25.0
Realice los siguientes pasos para resolver este problema:
Paso 1: cambie las versiones (en su caso, simplemente agregue el "momento": "2.24.0" a sus dependencias en su paquete.json ya que no lo veo presente en su paquete.json)
"moment": "2.24.0", "moment-timezone": "^0.5.28",Paso 2: si está utilizando hilo , agregue resoluciones en su archivo package.json como este
"dependencies" { "moment": "2.24.0", "moment-timezone": "^0.5.28" }, "resolutions": { "moment": "2.24.0" },Para obtener más información sobre este problema, vaya a https://github.com/moment/moment/issues/4505
Cambio en paquete.json:
"moment": "2.25.1",para
"moment": "2.24.0",luego ejecute en la terminal: npm install
Momento Lanzamiento de una nueva versión que rompe la aplicación,
como en su caso, no hay momento en package.json, si simplemente agrega esto a su paquete
moment: "2.24.0"
y ejecute npm install, agregará este paquete de momento y resolverá su problema,
de lo contrario, puedes probar este cammand
npm install --save --save-exact moment@2.24.0agregará automáticamente este paquete a su paquete.json con esta versión específica
Espero que esto funcione para ti