升級 reactJS 后出現非法訪問錯誤

Question

我正在研究較舊的 React electron 項目。 在那個反應/電子節點版本太舊。在下面你可以看到舊項目 package 版本。

 "React": 15.6.1 "react-dom": "15.6.1" "react-redux": "^4.4.5", "react-router": "^3.0.0", "react-router-redux": "^4.0.6", "react-sortable-hoc": "^0.4.12", "redux": "^3.6.0", "redux-logger": "^2.7.0", "redux-saga": "^0.14.3", "electron": "1.7.8 "webpack": "1.14.0", "webpack-merge": "^0.14.1", "webpack-target-electron-renderer": "^0.4.0"

我已經更新了所有的軟件包並使應用程序與所有最新的 package 兼容，但有時在執行任何操作時它會拋出如下圖所示的錯誤。

我在反應生命周期棄用鈎子之前也放了不安全的東西。任何人都可以指導我解決這個問題。

最新 package 版本

 "webpack": "^5.11.0", "webpack-cli": "^4.2.0", "webpack-merge": "^5.7.2", "webpack-target-electron-renderer": "^0.4.0" "react": "^17.0.1", "react-addons-shallow-compare": "^15.4.2", "react-color": "^2.11.1", "react-dom": "^17.0.1", "react-electron-web-view": "^2.0.0", "react-ga": "^2.2.0", "react-infinite-scroll-component": "^4.5.3", "react-lazy-load": "^3.1.13", "react-redux": "^7.2.2", "react-router": "^3.2.6", "react-router-redux": "^4.0.6", "react-sortable-hoc": "^1.11.0", "redux": "^4.0.5", "redux-logger": "^2.7.0", "redux-saga": "^0.16.2",

Answer 1

問題與 nodeJS 端有關。升級 electron 版本后發生此錯誤，electron 是節點和鉻的組合。 只需要在創建瀏覽器 window 時偽造這些是關鍵。

 const windowOptions = { width: 581, height: 626, minHeight: 500, minWidth: 500, show: false, backgroundColor: '#F1F2F3', webPreferences: { nodeIntegration: true, nodeIntegrationInSubFrames: false, nodeIntegrationInWorker: false, } }

參考這個 URL https://github.com/electron/electron/pull/29169