Typescript Electron项目跨文件导入时VS Code智能提示(Intellisense)失效

核心问题 #

你写的工具.ts文件没有导出任何内容，TypeScript无法识别这些变量的类型，导致其他文件无法正确引用，智能提示也随之失效。

第一步：修改工具文件，添加导出 #

把你的工具文件改成如下形式，给api和app加上export关键字：

import { ipcRenderer as ipc } from "electron";

export const api = (request:string) : void => {
    ipc.send(request)
}

export const app = {
    close: () => {
        api('close');
    },
    minimize: () => {
        api('minimize');
    },
    maximize: () => {
        api('maximize');
    }
}

第二步：在目标文件中正确导入 #

在需要使用这些函数的文件里，按实际文件路径导入对应的变量：

// 路径根据你的文件位置调整，比如工具文件叫utils.ts且在同目录，就写'./utils'
import { app, api } from './你的工具文件路径';

// 现在调用时就能正常触发智能提示了
app.close();
api('test-request');

额外排查点 #

• 检查tsconfig.json配置：确保compilerOptions里module设为ESNext或CommonJS，target不低于ES6，且strict设为true（严格类型检查能提升智能提示准确性）
• 重启TypeScript服务：按Ctrl+Shift+P（Windows）/Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server并执行
• 确认Electron类型包已安装：执行npm install @types/electron --save-dev，确保类型定义完整

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