javascript - 为什么 webpack 无法从我的 React Web 应用程序中找到任何模块？

Question

我想在 ubuntu 上运行 webpack 来运行我的 React web 应用程序。从命令行运行 webpack 时，我收到以下错误(只是我收到的所有错误的一小部分):

ERROR in Cannot find module 'loader-utils' @ ./src/components/WaitingMsg.styl 4:14-129 13:2-17:4 14:20-135

ERROR in Cannot find module 'loader-utils' @ ./src/components/CreateBox.styl 4:14-128 13:2-17:4 14:20-134

ERROR in Cannot find module 'loader-utils' @ ./src/components/Trashbin.styl 4:14-127 13:2-17:4 14:20-133

...

ERROR in ./src/components/Minimap.jsx Module not found: Error: Cannot resolve 'file' or 'directory' ./minimap.styl in /var/www/WebApp/webapp_client/src/components @ ./src/components/Minimap.jsx 23:0-25

ERROR in Cannot find module 'loader-utils' @ ./src/components/IdeaNode.styl 4:14-127 13:2-17:4 14:20-133

ERROR in ./~/react-dnd/lib/DragLayer.js Module not found: Error: Cannot resolve module 'invariant' in /var/www/WebApp/webapp_client/node_modules/react-dnd/lib @ ./~/react-dnd/lib/DragLayer.js 35:17-37 ...

ERROR in ./~/socket.io-client/lib/manager.js Module not found: Error: Cannot resolve module 'backo2' in /var/www/WebApp/webapp_client/node_modules/socket.io-client/lib @ ./~/socket.io-client/lib/manager.js 16:14-31

...

ERROR in ./~/react-dnd/lib/bindConnectorMethod.js Module not found: Error: Cannot resolve module 'disposables' in /var/www/WebApp/webapp_client/node_modules/react-dnd/lib @ ./~/react-dnd/lib/bindConnectorMethod.js 16:19-41

ERROR in ./~/react-dnd/lib/utils/cloneWithRef.js Module not found: Error: Cannot resolve module 'invariant' in /var/www/WebApp/webapp_client/node_modules/react-dnd/lib/utils @ ./~/react-dnd/lib/utils/cloneWithRef.js 8:17-37

我在 Ubuntu 14.04 上运行它。我在这里做错了什么？我是否缺少任何包裹？

Answer 1

我希望您需要将 loader-utils 安装到您的项目中。您可以使用以下命令来执行此操作。

npm i loader-utils --save-dev

有关该包的更多信息可以在此处找到:

https://www.npmjs.com/package/loader-utils