部署新建React应用报错:HTML-webpack-plugin无法压缩输出问题求助
问题根因
编译失败的直接原因是项目入口HTML文件存在语法错误,导致HTML压缩工具无法正确解析内容,从报错日志可定位到3处明确问题:
descriptionmeta标签的content属性末尾缺少闭合双引号,当前代码为content="...spragginsdesigns.github.io>,缺失了结尾的"authormeta标签的name属性值开头多了多余空格,不符合HTML属性规范- HTML末尾存在未闭合的script标签:
const fun = () => {没有补全闭合逻辑和对应的</script>标签
修复步骤
- 打开项目根目录public文件夹下的index.html文件
- 修正对应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">
- 补全末尾未闭合的script标签逻辑,确保所有标签都正确闭合
- 可选优化:你当前HTML中引入的是react开发版本依赖,生产构建时可替换为
react.production.min.js和react-dom.production.min.js,减少打包后体积 - 保存修改后重新执行生产构建命令即可,不需要额外修改HtmlWebpackPlugin的压缩配置
内容的提问来源于stack exchange,提问作者Spraggins Designs
相关产品推荐
相关产品推荐

