Webpack Dev Server “Cannot GET /” 错误排查指南
在使用webpack dev server进行开发时，你可能会遇到恼人的“cannot get /”错误。这个错误通常表示webpack无法找到正确的index.html文件来渲染。
解决方法：
-
确认
index.html文件存在于正确的目录下。 Webpack Dev Server根据Webpack配置中的输出路径查找index.html。如果没有找到，服务器就无法加载页面。请检查你的dist目录（或你Webpack配置中指定的输出目录）下是否存在index.html文件。 -
检查是否安装并正确配置了
HtmlWebpackPlugin。HtmlWebpackPlugin是一个Webpack插件，它负责生成包含所有编译后代码的index.html文件。如果没有使用这个插件，你需要手动创建一个index.html文件，并确保Webpack能够正确地将其复制到输出目录。 -
验证
HtmlWebpackPlugin的配置。 确保HtmlWebpackPlugin的配置指向正确的输出文件和模板文件。仔细检查你的Webpack配置文件，确保插件配置无误。
