react-to-pdf包抛出Module parse failed错误，本地环境需适配加载器

问题根源 #

本地Webpack+Babel配置未转译react-to-pdf依赖中的ES6+新语法（如可选链?.），导致Webpack无法解析对应代码；而CodeSandbox默认配置会自动处理这类第三方依赖的转译，所以能正常运行。

修复步骤 #

• 调整Babel配置：在.babelrc或babel.config.js中完善@babel/preset-env配置，确保覆盖目标环境所需的语法支持：

{
  "presets": [
    "@babel/preset-react",
    [
      "@babel/preset-env",
      {
        "targets": {
          "browsers": [">0.25%", "not dead"]
        },
        "useBuiltIns": "usage",
        "corejs": 3
      }
    ]
  ]
}

• 修改Webpack配置：让babel-loader转译react-to-pdf（默认Webpack不会处理node_modules内的包，需添加例外）：

module.exports = {
  // 其他已有配置...
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules(?!\/react-to-pdf)/,
        loader: 'babel-loader'
      }
    ]
  }
};

• 补充必要依赖：如果本地缺少相关Babel包，执行安装命令：

npm install @babel/preset-env @babel/preset-react babel-loader core-js --save-dev

• 清理缓存重启服务：

rm -rf node_modules/.cache
npm start

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