Electron結合React開發環境遇到的問題

2022-02-04 14:01:34 字數 784 閱讀 5586

鏈結

當在react中使用require('electron')時就會報typeerror: fs.existssync is not a function的錯誤。因為react中無法使用node.js的模組.

解決方案如下

建立renderer.js檔案

在專案public/目錄下新建renderer.js檔案,該檔案是預載入的js檔案,並且在該檔案內可以使用所有的node.js的api。在renderer.js中新增

global.electron = require('electron')

修改main.js檔案

修改建立瀏覽器的入口**,新增preload配置項。將renderer.js作為預載入檔案

mainwindow = new browserwindow(

})

修改piblic/index.html檔案

前引入renderer.js檔案

在react元件中如下使用electron

const electron = window.electron;

完成

react開發教程(十)redux結合react

redux 和 react 之間沒有關係。redux 可以搭配 react angular 甚至純 js。但是 redux 還是比較適合和 react 搭配的,因為 react 允許你以 state 的形式來描述介面,而 redux 非常擅長控制 state 的變化。redux 和 react 的結...

初探React程式設計邏輯(結合業務需求)

看完react官網的核心知識點,思考如何應用在實際的專案中呢?第一步 先將ui設計圖劃分成各個react元件,劃分的規則可以根據最小功能單位,或者是根據json資料模型。第二部 通過react寫靜態頁面結構。第三步 新增動態互動功能。總結 子元件的資料來源來自父元件,邊界情況下會出現undefine...

Redux 基礎教程以及結合 React 使用方式

redux 三要素 示例 結合 react 使用 todolist 示例 擴充套件如果還沒看夠 本文教你實現乙個最簡單的 redux 應用,以及結合 react 如何使用。狀態管理工具,使用之後可以清晰的知道應用裡發生了什麼。資料如何修改,如何更新的。以前我剛接觸 redux 這類狀態管理工具的時候...