生产环境构建时react-player模块package.json报错求助

这个错误的核心原因是：react-player的package.json里指定了生产环境下需要的Babel插件，但你的项目没有安装这些插件，同时Babel-loader在处理该模块时读取了它自带的配置规则，导致冲突。下面给你几个可行的解决方案：

方案1：安装缺失的Babel插件 #

直接安装react-player依赖的ES3转换插件，这样Babel就能找到它需要的插件了：

npm install --save-dev babel-plugin-transform-es3-member-expression-literals babel-plugin-transform-es3-property-literals

通常这两个插件是配套使用的，一起安装可以避免后续可能出现的类似错误。

方案2：禁用Babel读取外部配置 #

修改你的Babel-loader配置，禁止它读取node_modules里模块自带的babelrc或package.json中的Babel配置，强制使用你项目的统一配置：

rules: [
  {
    test: /\.js$/,
    exclude: /node_modules\/(?!(react-redux-toastr)\/).*/,
    use: {
      loader: 'babel-loader',
      options: {
        ...options.babelQuery,
        babelrc: false, // 禁用读取外部.babelrc文件
        configFile: false, // 禁用读取babel.config.js等全局配置文件
      },
    },
  },
]

这样配置后，只有你指定的react-redux-toastr模块会被你的Babel规则处理，其他node_modules模块不仅会被排除，就算意外被处理也不会加载它们自带的配置，从根源上避免插件缺失的问题。

方案3：调整exclude规则确保react-player被排除 #

如果你的exclude正则表达式存在潜在问题（比如某些路径没匹配到），可以更明确地排除react-player：

exclude: /node_modules\/(?!(react-redux-toastr)\/|react-player\/).*/

不过这个方案优先级低于前两个，因为如果react-player确实需要被转译，还是会遇到插件缺失的问题，所以更推荐前两个方案。

测试一下，重新执行你的生产构建命令：

cross-env NODE_ENV=production API_V=production npm run build

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