如何在electronjs的electron主窗口的子窗口中加载外部文件

我已经用electron和next创建了一个应用程序。从主窗口，创建子窗口。我想将文件加载到子窗口，但它抛出“未找到文件”错误

正在加载文件：renderer/components/overlay/overlay.html

import {app,BrowserWindow,remote,globalShortcut} from 'electron';
import OverlayWindow from '../components/overlay/overlay';

const path = require('path');
const url = require('url');
const os=require('os');

export const createOverlayWindow=()=>{
    const overlayWindow = new remote.BrowserWindow({
        width:300,
        height:100,
        frame:false,
        webPreferences: {
            transparent: true,
            nodeIntegration: true
        }
    });
    // overlayWindow.setAlwaysOnTop(true);
    // overlayWindow.loadURL(`file://${__dirname}/renderer/components/overlay/overlay.html`)    
    console.log(path.join(__dirname, '..', 'overlay.js'));
    const urlFormat=url.format({
         pathname:  path.join(__dirname,"renderer/components/overlay/overlay.html" ),
         protocol: "file:",
        slashes: true
    })
    console.log(urlFormat);
    overlayWindow.loadURL(urlFormat);
    const shortcut = remote.globalShortcut.register('Alt+Space', () => {
        console.log('shortcut registered');
        overlayWindow.show();
      });
    overlayWindow.webContents.setFrameRate(30)
}

---

让我知道他的代码结果

console.log（path.join（uu dirname，“…”，“overlay.js”）控制台\覆盖。html@tpikachuurlFormat返回文件：//\renderer\component\overlay\overlay.js是否可以附加当前项目文件结构映像？添加的文件结构映像