Javascript Electron无法加载preload.js问题

我花了三天的时间设置了electron&react。当我以为一切都好的时候，出现了一个新问题

我想把电子和反应连接起来。但我无法获取preload.js文件

如果没有preload.js文件，那么执行和构建都可以正常工作。但是在添加preload.js文件后，它会说找不到preload.js文件（否则它可以正常工作）

我尝试了很多尝试，比如更改搜索后出现的electron的webPreferences设置，但都失败了

我不知道如何解决这个问题。谢谢你告诉我怎么修。 我已经附上了我的代码的几个部分

下面的图片是我的文件夹结构

这是我的电子密码

//electron/main.js
从“electron”导入{app，BrowserWindow}；
从“路径”导入路径；
让主窗口打开；
const isDev=process.env.NODE_env==“开发”；
函数createWindow（）{
主窗口=新浏览器窗口({
宽度：1200，
身高：800，
网络首选项：{
无融合：没错，
preload:path.resolve（uu dirname，“preload.js”），
},
});
如果（isDev）{
mainWindow.loadURL(`http://localhost:3000`);
main window.webContents.openDevTools（）；
}否则{
mainWindow.loadFile（`${path.join（`dirname，“/index.html”）}`）；
}
mainWindow.on（“已关闭”），（）=>{
主窗口=空；
});
}
应用程序打开（“就绪”，创建窗口）；
app.allowrenderProcessReuse=true；

这是我的preload.js

//electron/preload.js
从“电子”导入{IPC}；
process.once（“加载的”），（）=>{
window.ipcdrenderer=ipcdrenderer；
});

这是我的package.json

最后这是我的webpack.electron.config.js

const path=require（“路径”）；
module.exports={
决心：{
扩展名：[“.tsx”、“.ts”、“.js”]，
},
devtool：“源地图”，
条目：“./electron/main.js”，
目标：“主电子”，
模块：{
规则：[
{
测试：/\（js|ts|tsx）$/，
排除：/node_模块/，
使用：{
加载器：“巴别塔加载器”，
},
},
],
},
节点：{
__dirname:false，
},
输出：{
path:path.resolve（_dirname，“dist”），
文件名：“[name].js”，
},
};

您可以从具备必要设置的设备开始，让您从地面开始跑步。