Electron 的 preload.js 里调用 nodejs 的 require 时报错：preload.js:10 Uncaught ReferenceError: global is not defined只需追加 nodeIntegratio
原创
2021-05-13 10:04:02
149阅读
# Electron TypeScript 开发中的 import 和 require 使用方式
在开发 Electron 应用程序时，我们常常会使用 TypeScript 来编写代码，它使开发更加高效和可维护。在 TypeScript 中，我们通常会使用 import 和 require 语句来引入外部模块或文件。
## Import 和 Require 的区别
在 TypeScript
1、先用create-reat-app创建一个程序 在package.json中配置 "homepage": ".", 要可以从本地访问 2、npm i electron --save-dev 3、在package.json中配置入口文件，具体如下： { "name": "myre", "versi ...
转载
2021-05-12 23:35:00
263阅读
2评论
dirname, 'preload.js') nodeIntegration: true, enableRemoteModule: true, contextIsolation: false, } })主要是设置
原创
2022-10-09 22:26:05
1703阅读
React是一个流行的JavaScript库，用于构建Web应用程序。结合Electron框架，可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤：1. 安装Electron首先，你需要安装Electron。在终端中运行以下命令：npm install electron --save-dev2. 创建Electron应用程序使用Elect
原创
2023-06-27 10:26:49
203阅读
main.js package.json 执行 npm run dev
转载
2018-08-23 11:53:00
150阅读
2评论
# 使用React、TypeScript和Electron构建跨平台桌面应用
随着技术的不断进步，我们现在可以使用Web技术来开发跨平台的桌面应用程序。React和TypeScript是目前非常流行的前端开发技术，而Electron是一个强大的桌面应用程序开发框架。本文将带您深入了解如何使用React、TypeScript和Electron来构建跨平台的桌面应用程序。
## 什么是React？
1. Electron 是什么？使用github开发的开源框架允许开发者使用Web（js,html,css）技术构建跨平台的桌面应用Electron=Chrominum + node.js + Native API高效：通过Web技术写UI能力：底层能力能力&体验：跨平台&原生能力2. Chromium + NodejsChromium架构Chromium是谷歌开源的项目，相当于c
转载
2023-07-26 16:08:42
155阅读
Electron整合React使用搭建开发环境 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 用于构建用户界面的 JavaScript 库 步骤 首先创建React npx create-react-app doc 进入 ...
转载
2020-06-06 23:41:00
591阅读
2评论
什么是 React ⚛️React 是 Facebook 开发的一个 JavaScript 库，除其他外，它还用于构建 Instagram.com。它的目的是让开发人员能够轻松地为网站和应用程序等创建快速的用户界面。React 的主要概念。js是虚拟DOM什么是Electron.jsElectron.js 是一个运行时框架，允许用户使用 HTML5、CSS 和 JavaScript 创建桌面套件应
原创
2023-02-13 13:58:10
1340阅读
步骤：1， 先创建一个react 项目。2，然后修改 package.json 添加 electron 依赖。 electron 的基础实现中的main.js package.json 修改的部分：{ "main": "main.js", "dependencies": {
... "electron": "7.3.3",
... }, "scripts": {
...
转载
2021-02-27 12:49:02
222阅读
2评论
require.context('./components/', true, /\.js$/)const ctx = require.context('./components/', true, /\.js$/)console.log(ctx.ke
原创
2022-12-21 10:06:02
93阅读
前言:博主主攻后端，对于electron自动升级也是费了非常多的事儿，github、gitee也下载了很多源码。发现案例可能好用，但问题。步骤1:如果.
参考官网https//www.electronjs.org/docs/latest/tutorial/context-isolation。原因是Electron的安全限制，可以给BrowserWindow配置上。
原创
2022-07-24 00:16:28
834阅读
再Electron 5.0之后，如果需要在渲染进程中使用Node.js的模块，需要手动将创建窗口时候的nodeIntegration这一选项开启，这样就能避免报错了。 mainWindow = new BrowserWindow({ webPreferences: { nodeIntegration
原创
2022-07-25 10:32:05
158阅读
# 使用 Electron、React 和 TypeScript 创建脚手架
## 引言
在现代应用程序开发中，Electron、React 和 TypeScript 是构建桌面应用的热门组合。本文将为您提供一个简单的流程，指导您如何设置一个完整的 Electron + React + TypeScript 脚手架。我们将分步进行，确保每一步都易于理解并实践。
## 流程概述
为了帮助您更
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2022-01-27 12:02:11
1739阅读
转载：(第一个demo和安装依赖的包)一、简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的，io.js 的一个变体。这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反，Electron 使用
主进程api 1.1 Electron app 模块：app 模块是为了控制整个应用的生命周期设计的。 1.2 Electron autoUpdater 模块：这个模块提供了一个到 Squirrel 自动更新框架的接口。 1.3 Electron BrowserWindow 模块：BrowserWindow 类让你有创建一个浏览器窗口的权力。 1.4 Electron contentTracing
概述Electron环境搭建和demo创建的过程我们上一篇文章已经给大家做了介绍，这篇文章给大家介绍下如何将Electron和前端框架React结合来进行开发。前提要求创建了一个Electron基础demo(不会创建的话请看这篇文章《01 Electron开发环境搭建，实例化demo》)具体操作这篇文章的介绍要用到上一篇文章中创建的demo里面的一些代码，所以还没有...
原创
2021-08-27 09:36:16
360阅读
