Как загрузить внешний файл в дочернем окне главного окна электрона в electronicjs

Question

Я создал приложение с электронным и next.from главного окна, создание дочернего окна. Я хочу загрузить файл в дочернее окно, но возникает ошибка: файл не найден.

загрузка файла в: рендерер / компоненты / оверлей / оверлей. 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)
}