MERN栈React编译报9个Node核心模块缺失错误如何解决

这堆报错和你写的JSON.parse逻辑没有半毛钱关系，核心问题是仅能在Node.js服务端运行的后端依赖被错误引入到了React前端打包流程里。
你报错里提到的cookie-signature、express、etag、send全是Express生态的后端包，这些包依赖crypto、fs、http、zlib这类Node.js专属的内置模块，浏览器环境根本没有这些API。加上你用的构建工具是Webpack 5，这个版本默认不再自动补全Node核心模块的浏览器兼容polyfill，所以一打包就抛错。
你回退业务代码没用也很正常：要么是你已经把后端包装到client目录的依赖里了，和你写的业务逻辑无关；要么是你写代码时误把服务端的文件（比如MongoDB模型、Express路由工具）导入到了React组件里，构建工具顺着导入路径把整个后端依赖链都拉到前端打包流程里了，你只删业务逻辑没清错误导入/错误依赖，报错当然不会消失。

• 第一步先查前端client目录下的package.json，把所有后端专属依赖全删掉，比如express、mongoose、cors、cookie-parser这类包，本来就该装在和client同级的服务端目录里，根本不该出现在前端依赖中。
• 删完package.json的错误依赖后，进入client目录，删掉node_modules文件夹和对应的包管理锁文件（package-lock.json/yarn.lock/pnpm-lock.yaml，用哪个删哪个），重新执行依赖安装命令，装一套干净的前端依赖。
• 如果package.json里本来就没这些后端包，那就全局搜前端代码里的import语句，肯定有地方误导入了服务端目录下的文件（比如你写MongoDB读数据的逻辑时，直接把server里写的数据库操作函数导入到React组件里了），把这些错误的导入语句全删掉，前端要拿MongoDB的数据只能通过请求后端接口拿，不能直接调服务端的数据库函数。
• 别跟着报错提示瞎装crypto-browserify、browserify-zlib这类polyfill包，纯纯无用功——后端框架本身就不可能在浏览器里跑，补了polyfill后面还会出更多莫名其妙的错。

写MERN栈项目一定要把前后端边界划清楚：React代码只负责页面渲染、交互、调接口，所有数据库读写、路由处理、鉴权逻辑全放服务端，前端代码绝对不能直接引服务端的文件、装服务端的依赖。

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