Module “child_process“ has been externalized for browser compatibility and cannot

第7个前端

已于 2022-09-01 14:07:20 修改

阅读量6.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端日常笔记前端 Nodejs 文章标签： javascript 前端 typescript

于 2022-09-01 14:04:13 首次发布

本文链接：https://blog.csdn.net/qq_42761482/article/details/126642034

前端同时被 3 个专栏收录

139 篇文章

订阅专栏

前端日常笔记

88 篇文章

订阅专栏

Nodejs

5 篇文章

订阅专栏

在Vue3、TypeScript和Vite3的环境中，遇到使用socket.io-client2.X时因后端修改导致较大工作量。为解决浏览器兼容性问题，外部化了child_process模块导致无法在客户端代码中访问。通过安装vite-plugin-optimizer并配置，成功引入child_process模块，实现了项目正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

应用场景

vue3 + ts + vite3 中使用socket.io-client 2.X进行和后端数据刷新。
由于后端修改版本带来的工作量比较大，所以只能自己去降级修改。

问题

为了与浏览器兼容，模块“child_process”已被外部化，无法在客户端代码中访问.

意思就是我们使用vite运行这个项目缺少child_process 这个Node内置模块，那我们就行办法去在运行项目时内置这个模块就行。

解决方案
步骤1 安装工具vite-plugin-optimizer

yarn add vite-plugin-optimizer -D

步骤2 在vite.config.ts中引入

import optimizer from 'vite-plugin-optimizer'

步骤3 使用

optimizer({
        child_process: () => ({
          find: /^(node:)?child_process$/,
          code: `const child_process = import.meta.glob('child_process'); export { child_process as default }`
        })
      })