如何在Angular项目中导入Node模块child_process并运行shell脚本

child_process是Node.js原生内置模块，仅能在Node.js运行时环境中调用，而普通Angular应用最终运行在浏览器沙箱环境中，浏览器没有提供该模块的底层实现，也不允许前端代码直接调用本地系统shell接口，因此打包时会直接报模块找不到的错误。

即使在支持Node.js的环境中，你的导入写法也存在错误：

• 错误写法：import {cp} from 'child_process'，该模块没有导出名为cp的属性
• 正确CommonJS写法：const cp = require('child_process');
• 正确ES Module写法：import * as cp from 'child_process';

在普通Web端Angular应用中运行shell脚本确实不属于常规实现方案，浏览器的安全沙箱机制禁止前端代码直接操作本地系统资源，否则会出现严重的安全风险，例如恶意网页可以直接执行删除本地文件、窃取数据等恶意操作。

如果你确实有执行shell脚本的需求，可根据场景选择对应实现方式：

• 若你开发的是基于Electron的Angular桌面应用：将child_process的调用逻辑放在Electron主进程（Node.js环境）中实现，Angular所在的渲染进程通过IPC通信向主进程发送调用请求，拿到执行结果后再做后续处理
• 若你开发的是普通Web端Angular应用：自行搭建后端服务（例如Node.js后端），将shell脚本的执行逻辑放在后端实现，Angular前端通过HTTP请求调用后端接口，由后端执行脚本后将结果返回给前端

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