首次运行Webpack 4遭遇模块未找到错误及mode配置警告求助

Hey there, let's break down and fix these issues one by one—they're common gotchas when starting with Webpack 4!

1. 处理Mode选项警告 #

那个警告是因为Webpack 4要求明确指定运行环境模式，默认会 fallback 到production模式，但官方建议你主动设置。你只需要在命令中添加--mode参数即可：

• 开发环境（开启调试工具、不压缩代码，方便开发调试）：追加--mode development
• 生产环境（自动压缩、优化代码，适合上线）：追加--mode production

2. 修复模块未找到的错误 #

你的命令格式不符合Webpack 4的要求！在Webpack 3及更早版本中，webpack <入口文件> <输出文件>是可行的，但Webpack 4不再支持这种写法——它会把第二个路径当成另一个入口模块去查找，而你写的./dist/app.bundle.js是要生成的输出文件，并非已存在的源码，所以会报"模块未找到"的错误。

正确的命令写法 #

使用--output参数指定输出路径，结合mode参数的完整命令如下：

webpack ./src/js/app.js --output ./dist/app.bundle.js --mode development

另外，你遇到的Entry module not found: Can't resolve './src'错误，也是命令格式错误导致的：Webpack误读了参数，默认尝试从./src目录寻找入口文件，但你的实际入口是./src/js/app.js。使用上面的正确命令后，这个错误应该会自动消失。

如果问题依然存在，请先检查项目结构：确保./src/js/app.js文件确实存在，路径没有拼写错误（比如大小写、斜杠方向，Windows环境下命令行用/也能正常识别）。

内容的提问来源于stack exchange，提问作者Sabir Hussain