React项目引入wechaty包报Module not found: Can't resolve错误解决问询

1. 你当前使用的react-scripts@4.0.3底层依赖webpack 4版本，webpack 4不支持npm包package.json中的exports字段规则，而wechaty及其相关依赖（如wechaty-puppet）均使用了exports字段做导出路径管理，这是你编译时找不到对应模块的核心原因。你手动给wechaty加module字段只能临时解决wechaty本身的导入问题，但其所有依赖都用了相同的导出规则，因此会批量报子模块解析失败的错误。
2. 更本质的问题是：Wechaty是纯Node.js服务端类库，依赖大量Node.js原生API（如文件系统、TCP协议、系统级调用等），React前端项目运行在浏览器环境中，不存在这些底层API，就算你解决了编译问题，运行时也会直接报错。

推荐方案（符合技术架构规范） #

Wechaty逻辑不要放在React前端项目中运行，采用前后端分离架构：

• 单独启动一个Node.js服务专门运行Wechaty相关逻辑
• React前端通过HTTP接口或者WebSocket和后端Node服务通信，仅负责展示数据、发送操作指令即可，这是生产环境唯一可行的落地方式。

特殊场景兼容方案（仅适用于桌面端应用等特殊场景） #

如果你是做Electron类桌面端应用，需要在项目中集成wechaty，可按以下操作处理：

1. 将Wechaty逻辑放在Electron主进程中运行，不要放在渲染进程（React代码运行环境）中，主进程是完整Node.js环境，可完美运行Wechaty，渲染进程通过IPC和主进程通信即可。
2. 如果你确实要在React编译链路中处理wechaty依赖，先将package.json中的react-scripts版本升级到5.x，react-scripts 5底层依赖webpack 5，原生支持exports字段解析，无需手动修改node_modules中的配置即可解决编译报错问题。

不要手动修改node_modules下的package.json内容，这类修改仅本地临时生效，重新安装依赖、更换运行环境都会直接失效，没有实际落地价值。

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