You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

部署新建React应用报错:HTML-webpack-plugin无法压缩输出问题求助

问题根因

编译失败的直接原因是项目入口HTML文件存在语法错误,导致HTML压缩工具无法正确解析内容,从报错日志可定位到3处明确问题:

  • description meta标签的content属性末尾缺少闭合双引号,当前代码为content="...spragginsdesigns.github.io>,缺失了结尾的"
  • author meta标签的name属性值开头多了多余空格,不符合HTML属性规范
  • HTML末尾存在未闭合的script标签:const fun = () => {没有补全闭合逻辑和对应的</script>标签
修复步骤
  1. 打开项目根目录public文件夹下的index.html文件
  2. 修正对应meta标签的语法错误:
<!-- 修正前错误代码 -->
<meta name="description" content="This is the portfolio Website of mine. Made with ReactJS and love. Austin Spraggins spragginsdesigns.github.io>
<meta name=" author" content="Austin Spraggins | Shadow Gaming LLC">

<!-- 修正后代码 -->
<meta name="description" content="This is the portfolio Website of mine. Made with ReactJS and love. Austin Spraggins spragginsdesigns.github.io">
<meta name="author" content="Austin Spraggins | Shadow Gaming LLC">
  1. 补全末尾未闭合的script标签逻辑,确保所有标签都正确闭合
  2. 可选优化:你当前HTML中引入的是react开发版本依赖,生产构建时可替换为react.production.min.js和react-dom.production.min.js,减少打包后体积
  3. 保存修改后重新执行生产构建命令即可,不需要额外修改HtmlWebpackPlugin的压缩配置

内容的提问来源于stack exchange,提问作者Spraggins Designs

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 05:45:04