I used create react app and electron for a project. It works fine in dev environment. dev environment image However when i build the project and try to run it using electron i get a blank screen. i do not see any errors. i believe this has something to do with routing since electron ...
一、项目技术栈:Electron+react+react-router+antd ** 1、Electron:**electron是一个使用js,html和css等的web技术创建原生桌面应用的框架,他基于chromium和node.js,构建的应用可以在Mac,windows和Linux三个平台上运行。 2、React和react-router在该项目中负责构建单页面应用和路由跳转的实现。 3、Antd作为UI框架。
这个文件将来将会作为Electron的入口网页文件。 安装前端路由react-router-dom: 代码语言:javascript 复制 yarn install react-router-dom 安装完成之后,在src目录下新建一个入口js文件index.js、一个路由组件文件router.js,再创建一个文件夹叫page用于存储页面组件文件,里面再建立一个文件叫做index.js,用于存储首页组件,...
这个文件将来将会作为Electron的入口网页文件。 安装前端路由react-router-dom: yarn install react-router-dom 安装完成之后,在src目录下新建一个入口js文件index.js、一个路由组件文件router.js,再创建一个文件夹叫page用于存储页面组件文件,里面再建立一个文件叫做index.js,用于存储首页组件,这时项目结构如下: 项目结...
如果使用的是像 Next.js 这样的 React 框架,那么路由已经处理好了。如果在没有框架的情况下使用 React,并且仅用于客户端渲染(例如没有 SSR 的 Vite),那么最强大和最流行的路由库就是 React Router。考虑到完全支持 TypeScript 的新替代方案是 TanStack Router。
electron Electron是一个使用JavaScript、HTML和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js到 二进制的 Electron 允许您保持一个JavaScript代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 react React 是一个声明式,高效且灵活的用于构建用户界面的JavaScript库。使...
Github:https://github.com/remix-run/react-router构建:Vite Vite 是一个轻量级的、速度极快的下一代前端构建工具,对 Vue SFC 提供第一优先级支持。它最初是为 Vue 3 项目而创建的,但也可以用于其他框架,如 React、Svelte、Preact 等,目前已被多个前端框架作为默认的构建工具。
Node.js 18.15.0 antd 5.4.0 create-react-app 5.0.1 react 18.2.0 react-router-dom 6.10.0 sass-loader 13.2.2 webpack 5.77.0 webpack-dev-server 4.13.2 concurrently 8.0.1 electron 24.0.0 electron-builder 23.6.0 less 4.1.3 less-loader 11.1.0 node-sass 8.0.0 stylus 0.59.0 stylus-loader...
electron + react + react-router + mobx + webpack 搭建的脚手架工程 【配功能实例DEMO】 让开发electron项目更简单。 项目路径与命名 main //主进程 menu //菜单 render //渲染进程 component //组件 config //配置 public //静态资源 routes //路由 service //服务 utils //工具类 view //页面 scripts...
今天再分享一篇electron+react18+arco-design搭建跨桌面端后台管理系统实例应用。 electron-react-admin支持亮色+黑夜主题。 开发技术 开发工具:VScode 框架技术:electron27+vite4+react18+zustand+react-router4 UI组件库:arco-design (字节react轻量级UI组件库) ...