webpack5使用copy-webpack-plugin@10构建报Invalid host defined options错误

问题排查&解决步骤 #

• 修正copy-webpack-plugin的路径配置：你当前配置中from字段填写的/extension-icons/*是系统根目录绝对路径，大概率找不到对应资源触发报错，改为基于项目根目录的相对路径即可，可额外添加context参数明确路径基准：

  new CopyPlugin({
    patterns: [
      {
        from: 'extension-icons/*',
        context: __dirname
      }
    ],
  })
  

• 检查Node.js版本：Invalid host defined options报错多与Node.js版本过低有关，copy-webpack-plugin@10要求Node.js版本≥12.20.0，webpack5推荐使用14.x及以上LTS版本，可执行node -v查看当前版本，版本过低升级Node.js即可。
• 清理依赖重新安装：删除项目下的node_modules文件夹、package-lock.json或yarn.lock文件，重新执行npm install/yarn install，消除多版本依赖冲突的可能。
• 可选优化：你当前webpack配置导出了两个独立构建配置，CopyPlugin仅在第二个配置中声明，若两个构建都需要复制静态资源可同步添加，若仅需执行一次复制也可将复制逻辑单独提取避免重复执行。

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