自定义webpack配置的React项目部署GitHub Pages出现ENOENT错误求助

• 核心问题定位：你遇到的ENOENT报错是因为gh-pages脚本尝试读取build目录但该目录不存在，从你给出的webpack构建日志可以看出，打包后的产物（bundle.js、index.html等）直接输出到了项目根目录，没有写入build文件夹，根源是webpack的输出路径配置错误。
• 第一步：修改webpack配置
  找到你的webpack.config.js文件，修改output配置项，指定输出路径为项目下的build文件夹：

const path = require('path');
module.exports = {
  // 其他配置保持不变
  output: {
    path: path.resolve(__dirname, 'build'), // 新增/修改这行，指定输出到build目录
    filename: 'bundle.js',
    // 其他output配置保持不变
  },
  // 如果你用了html-webpack-plugin，不需要额外改，它会自动输出到path指定的目录下
}

• 第二步：验证修复效果
  执行npm run build，查看项目根目录是否生成了build文件夹，且文件夹内包含bundle.js、index.html等打包产物。
• 第三步：重新执行部署
  确认build文件夹存在后，执行npm run deploy即可正常部署到GitHub Pages。
• 可选优化建议
  可以把package.json里的homepage字段末尾补充斜杠，避免后续静态资源路径出错：

"homepage": "http://davt49.github.io/calculatorapp/",

如果不想调整配置，也可以选择其他自动托管平台，直接关联GitHub仓库即可自动触发构建部署，无需手动配置gh-pages脚本。

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