我用 create-react-app 引导了我的应用 程序 ,当我运行我的应用程序时,它会编译并带有警告,并在浏览器中引发错误。
编译时出错
./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: 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:65
Package.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" ] } }
我已经尝试研究了它,并且它是由 moment-js引起 的错误,但我没有使用该模块,也未安装。
可能是什么问题呢?
发生这种情况的原因是, 当下 已将新版本从 2.24.0发行到2.25.0
执行以下步骤来解决此问题:
步骤1: 更改版本 (在您的情况下,只需在 package.json中 的依赖项中添加 “ moment”:“ 2.24.0” ,因为在 package.json 中看不到它)
"moment": "2.24.0", "moment-timezone": "^0.5.28",
第2步: 如果您使用的是 yarn, 请在package.json文件中添加分辨率,如下所示
"dependencies" { "moment": "2.24.0", "moment-timezone": "^0.5.28" }, "resolutions": { "moment": "2.24.0" },
有关此问题的更多信息,请访问https://github.com/moment/moment/issues/4505