如何在JavaScript Electron项目中以子进程运行TypeScript Express服务

问题核心 #

你直接用node命令运行Express项目的src/server.js，但该文件中导入了.ts后缀的模块——Node.js默认无法识别.ts文件扩展名；同时你的Express项目tsconfig.json中设置了"noEmit": true，导致npm run build不会生成转译后的JavaScript文件，等于编译步骤无效。

解决方案 #

方案1：通过npm脚本启动Express服务（最简便） #

Express项目的package.json已经配置好start脚本，会自动处理编译和TS文件识别，直接在Electron中调用这个脚本即可：

修改electron.js中的启动代码：

const { spawn } = require("child_process");
const path = require("path");

// 指向Express项目的根目录
const expressProjectRoot = "D:/expressproject";
// 调用npm start启动服务
const expressServerProcess = spawn("npm", ["start"], {
  cwd: expressProjectRoot,
  stdio: "inherit" // 可选，把Express的日志输出到Electron控制台，方便调试
});

这样会自动执行Express项目里的npm run build && node --loader ts-node/esm --experimental-specifier-resolution=node server.js流程，无需手动处理转译逻辑。

方案2：先编译Express到dist，再运行转译后的JS文件 #

如果想直接运行编译后的纯JS文件，需要先调整Express的配置，确保能生成转译产物：

1. 修改Express项目的tsconfig.json，把"noEmit": true改为"noEmit": false，让tsc可以把TS文件编译到dist目录：

{
  "compilerOptions": {
    // ...保留其他原有配置
    "noEmit": false // 改为false，允许生成编译文件
  }
}

2. 手动执行Express项目的build命令，生成dist文件：

cd D:/expressproject
npm run build

3. 在Electron中运行dist目录下的编译后的server文件：

const { spawn } = require("child_process");
// 指向编译后的server.js（路径为dist目录下的文件）
const pathToCompiledServer = "D:/expressproject/dist/server.js";
const expressServerProcess = spawn("node", [pathToCompiledServer]);

方案3：直接用ts-node运行Express的TS入口 #

如果你的Express实际入口是server.ts而非server.js，可以直接在Electron中用ts-node来运行，绕过扩展名限制：

const { spawn } = require("child_process");
const pathToServerTS = "D:/expressproject/src/server.ts";
const expressServerProcess = spawn("node", [
  "--loader", "ts-node/esm",
  "--experimental-specifier-resolution=node",
  pathToServerTS
], {
  cwd: "D:/expressproject" // 必须指定Express项目根目录，让ts-node找到配置文件
});

额外注意事项 #

• 确保Express项目已经安装了所有依赖（包括ts-node、typescript），如果没装，先在Express目录下执行npm install
• 建议加上stdio: "inherit"配置，方便在Electron控制台查看Express的日志和错误信息

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