
webpack dev server 运行报错:cannot get /
使用Webpack Dev Server时,经常会遇到Cannot GET /错误。 这通常是因为服务器找不到默认的HTML文件。
根本原因:缺少或路径错误的 index.html 文件
Webpack通常使用HTMLWebpackPlugin插件来生成包含打包后代码的HTML文件。如果dist目录(或你指定的输出目录)下缺少这个HTML文件,或者Webpack配置指向了错误的HTML文件路径,就会导致404错误,从而显示Cannot GET /。
解决方案:
-
检查Webpack配置: 确认你的Webpack配置文件中已正确包含并配置了HTMLWebpackPlugin插件,并且
template选项(或类似选项)指向了正确的HTML模板文件路径。 - 验证HTML文件路径: 确保HTMLWebpackPlugin插件的配置中指定的模板文件路径是正确的,并且该文件存在。
-
重新构建项目: 运行Webpack打包命令,确保
dist目录(或你指定的输出目录)中成功生成了index.html文件。 如果仍然报错,请检查Webpack的输出路径配置是否正确。










