浏览器环境调用node:child_process模块失败的问题求助

问题背景 #

我想通过代码执行系统命令，先写了个JS测试文件，目标是在Windows下执行dir命令（类Unix系统对应ls）。

最初尝试与错误 #

我的functions.js代码如下：

window.setInterval(function(){
    const { exec } = require('node:child_process');
    exec('"dir"', (stdout, stderr, err)=>{
        console.log(stdout, stderr, err)
    });
}, 1000);

运行后弹出错误：

Uncaught Error: Module name "node:child_process" has not been loaded yet for context: _. Use require([])

后续尝试与新错误 #

后来改成ES模块写法，终端运行脚本正常，但浏览器打开页面时仍报错：

Échec du chargement pour le module dont la source est « node:child_process ».

修改后的代码：

import { exec } from 'node:child_process';

对应的函数代码：

let first = true;
const timer = 60000;    // 毫秒

/**
 * 执行命令检查并删除过期会话
*/
function deleteOverSessions(){
    console.log(first);
    exec('echo %cd%');
    if(first){
        exec('cd ../../..');
        first = false;
    }

    exec('symfony console session:check-and-delete-finished-ones', (error, stdout, stderr) => {
        if (error) {
            console.error(`error: ${error.message}`);
            return;
        }
    
        if (stderr) {
            console.error(`stderr: ${stderr}`);
            return;
        }

        console.log(`stdout:\n${stdout}`);
    });  
}

原因解释 #

核心问题很明确：浏览器环境不支持Node.js的内置模块。
node:child_process是Node.js专属模块，用来和操作系统交互执行命令，但浏览器出于安全限制，运行在沙箱环境中，完全禁止JS直接访问本地系统命令——如果允许，恶意网页就能随意操作用户电脑，风险极大。

你之前遇到的RequireJS错误，是因为浏览器里的模块加载器和Node.js的require不是一回事，没法识别Node的内置模块；后来用import也不行，因为浏览器根本找不到node:child_process这个模块来源。

解决方案 #

要实现浏览器触发系统命令的需求，必须通过后端服务中转：

1. 用Node.js写一个简单的后端接口（比如Express服务器），在后端代码里调用child_process执行命令；
2. 浏览器里的JS通过Fetch/AJAX请求这个后端接口，获取命令执行结果；
3. 注意做好接口权限控制，避免被恶意调用。

示例代码 #

后端服务（server.js）

const express = require('express');
const { exec } = require('node:child_process');
const app = express();
const port = 3000;

// 开发环境允许跨域（生产环境需配置具体域名）
app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  next();
});

// 定义执行会话清理的接口
app.get('/clean-sessions', (req, res) => {
  exec('symfony console session:check-and-delete-finished-ones', (error, stdout, stderr) => {
    if (error) {
      return res.status(500).json({ error: error.message });
    }
    if (stderr) {
      return res.status(500).json({ stderr });
    }
    res.json({ stdout });
  });
});

app.listen(port, () => {
  console.log(`服务运行在 http://localhost:${port}`);
});

浏览器端JS修改

let first = true;
const timer = 60000;

async function deleteOverSessions(){
    console.log(first);
    try {
        const response = await fetch('http://localhost:3000/clean-sessions');
        const result = await response.json();
        console.log(`stdout:\n${result.stdout}`);
    } catch (err) {
        console.error('请求出错:', err);
    }
}

// 定时执行
setInterval(deleteOverSessions, timer);

这样浏览器通过请求后端接口，由后端执行系统命令，既符合安全规则，也能实现你的需求。

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