React+Webpack, Module not found: Error: Cannot resolve module问题解决

React+Webpack, Module not found: Error: Cannot resolve module问题解决

在react开发的过程中，大家都会使用Webpack轻量级服务器作为开发环境，通过

npm install

进行node_modules的安装
但，今天碰到一件非常奇怪的事情，在使用Ant Design+React+Webpack+Mockjs正常开发的过程中，忽然出现以下报错：
Module not found: Error: Cannot resolve module

ERROR in ./mock/mock.js
Module not found: Error: Cannot resolve module 'mockjs' in F:\labWeb\client\frontEnd\mock
@ ./mock/mock.js 7:14-31

ERROR in ./src/components/PagerFooter.js
Module not found: Error: Cannot resolve module 'rc-scroll-anim/lib/ScrollOverPack' in F:\labWeb\client\frontEnd\src\components
@ ./src/components/PagerFooter.js 33:22-66

ERROR in ./src/components/IndexContent1.js
Module not found: Error: Cannot resolve module 'rc-scroll-anim/lib/ScrollOverPack' in F:\labWeb\client\frontEnd\src\components
@ ./src/components/IndexContent1.js 37:22-66

ERROR in ./src/components/IndexContent1.js
Module not found: Error: Cannot resolve module 'rc-queue-anim' in F:\labWeb\client\frontEnd\src\components
@ ./src/components/IndexContent1.js 29:19-43

ERROR in ./src/components/Banner.js
Module not found: Error: Cannot resolve module 'rc-queue-anim' in F:\labWeb\client\frontEnd\src\components
@ ./src/components/Banner.js 35:19-43

而上述说没有找到的模块，实际上完全通过

npm install

配合package.json进行过安装。不知道什么原因在此无法寻找到。

解决方案

将丢失的模块，通过

npm install XXXX --save-dev

此处XXXX为丢失的模块名，重新安装后，即可修复此问题

亲测有效