电子创建React应用程序后未加载

Question

我已经用npx create react app创建了一个测试react项目，并添加了electronic .js文件。然后我运行构建脚本并成功编译，但是当我尝试运行.exe时，没有显示任何内容，并且控制台返回Failed to load resource: net::ERR_FILE_NOT_FOUND。

electron.js

const { app, BrowserWindow } = require("electron");
const path = require("path");
const isDev = require("electron-is-dev");
function createWindow() {
const mainWindow = new BrowserWindow({
width: 1920,
height: 1080,
webPreferences: {
preload: path.join(__dirname, "preload.js"),
},
});
mainWindow.loadURL(
isDev
? "http://localhost:3000"
: `file://${path.join(__dirname, "../build/index.html")}`
);
mainWindow.webContents.openDevTools();
}
app.whenReady().then(() => {
createWindow();
app.on("activate", function () {
if (BrowserWindow.getAllWindows().length === 0) createWindow();
});
});
app.on("window-all-closed", function () {
if (process.platform !== "darwin") app.quit();
});

编辑:所以我从一开始就又试了一次，设法用create-react-app来构建，但是我现在已经用路由组件改变了一些文件，而在开发中工作很好，当我构建它时什么都没有显示。Console.log显示，但组件不显示。

routes.js

const routes = [
{
exact: true,
path: "/",
component: lazy(() => import("../test")),
},
];
const renderRoutes = (routes) =>
routes ? (
<Suspense fallback={<div>Loading...</div>}>
<Switch>
{routes.map((route, i) => {
const Layout = route.layout || Fragment;
const Component = route.component;
console.log({ Component });
return (
<Route
key={i}
path={route.path}
exact
render={(props) => (
<Layout>
{route.routes ? (
renderRoutes(route.routes)
) : (
<Component {...props} />
)}
</Layout>
)}
/>
);
})}
</Switch>
</Suspense>
) : null;
const Routes = () => {
return renderRoutes(routes);
};
export default Routes;

Answer 1

问题可能在于您更改了其中一个主文件的名称，例如，在构建时电子搜索特殊的文件名。请检查您的文件名。

这个错误意味着没有找到文件。路径错误或文件不在您想要的位置