安装react-google-maps后重启webpack-dev-server报__wrapped__属性无效错误求助

这种问题我之前帮朋友排查过几次，大概率是缓存或者依赖版本冲突搞的鬼，给你几个实用的排查方向：

• 清理webpack-dev-server缓存
  webpack-dev-server默认会缓存编译后的模块，有时候重启时旧缓存没清空就会触发奇怪的错误。你可以试试两种方式：

  1. 手动删除项目里的node_modules/.cache目录（如果存在的话）；
  2. 启动命令里添加--no-cache参数，修改后的命令为：

     webpack-dev-server --env.dev --open --watch --progress --colors --no-cache
     

• 检查版本兼容性
  react-google-maps的不同版本对React的版本有明确要求，比如旧版本可能不兼容React 18的新特性。你可以先查看package.json里的React版本，然后对应安装匹配的react-google-maps版本。比如如果你的React是16/17版本，可以安装这个稳定版：

  npm install --save react-google-maps@9.4.5
  

• 彻底清理npm缓存并重装依赖
  有时候本地npm缓存的包文件损坏，单纯卸载重装解决不了问题。按以下步骤操作：

  1. 运行npm cache clean --force清空npm全局缓存；
  2. 删除项目根目录的node_modules文件夹和package-lock.json文件；
  3. 重新执行npm install安装所有依赖。

• 排查webpack/babel配置冲突
  某些babel插件（比如babel-plugin-transform-runtime）可能会和react-google-maps内部的__wrapped__属性处理逻辑冲突。你可以暂时注释掉webpack配置或.babelrc里的非核心插件，重启服务器看看是否解决问题，再逐一排查是哪个插件导致的冲突。

如果以上方法都没解决，建议贴出你的package.json依赖列表和webpack配置内容，这样能更精准地定位问题。

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