Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法在electron中加载react dev工具_Javascript_Node.js_Reactjs_Electron_Google Chrome Devtools - Fatal编程技术网

Javascript 无法在electron中加载react dev工具

Javascript 无法在electron中加载react dev工具,javascript,node.js,reactjs,electron,google-chrome-devtools,Javascript,Node.js,Reactjs,Electron,Google Chrome Devtools,我正在尝试在electron中加载React和Redux开发工具,到目前为止,Redux已成功加载,但React未成功加载。我在开发者工具中没有看到React选项卡。这是我的密码: main.js const electron=require(“电子”); 常量路径=要求(“路径”); const url=require(“url”); 常数os=要求(“os”); const{app,BrowserWindow}=电子; 让我们赢; const installExtensions=async(

我正在尝试在electron中加载React和Redux开发工具,到目前为止,Redux已成功加载,但React未成功加载。我在
开发者工具
中没有看到React选项卡。这是我的密码:

main.js

const electron=require(“电子”);
常量路径=要求(“路径”);
const url=require(“url”);
常数os=要求(“os”);
const{app,BrowserWindow}=电子;
让我们赢;
const installExtensions=async()=>{
const ses=win.webContents.session;
//反应开发工具
ses.loadExtension(
path.join(
os.homedir(),
“.config/google chrome/Default/Extensions/fmkadmapgofadopljbjfkapdkoienhi/4.9.0_0”
)
);
//redux开发工具
ses.loadExtension(
path.join(
os.homedir(),
“.config/google chrome/Default/Extensions/LMHKPMBEKCMPKNKLLIOEIBFKPMMFIBLJD/2.17.0_0”
)
);
};
const createWindow=async()=>{
win=新浏览器窗口({
网络首选项:{
无融合:没错,
enableRemoteModule:true,
},
});
赢。最大化();
等待安装扩展();
win.loadURL(
url.format({
路径名:path.join(uu dirname,“index.html”),
协议:“文件:”,
斜杠:对,
})
);
win.webContents.once(“dom就绪”,()=>{
openDevTools();
});
win.on(“关闭”),()=>{
win=null;
});
};
应用程序打开(“就绪”,创建窗口);
应用程序打开(“窗口全部关闭”,()=>{
if(process.platform!=“darwin”){
app.quit();
}
});
应用程序打开(“激活”,()=>{
如果(win==null){
createWindow();
}
});
package.json

{
“名称”:“电子反应类型脚本”,
“版本”:“0.0.7”,
“说明”:“,
“main”:“/main.js”,
“脚本”:{
“开始”:“electron main.js”
},
“依赖项”:{
“电子”:“^10.1.5”,
“electron builder”:“^22.9.1”
}
}
我使用
纱线开始
启动程序,以下是输出:

yarn run v1.22.10
warning package.json: No license field
$ electron main.js
(node:8189) ExtensionLoadWarning: Warnings loading extension at /home/searene/.config/google-chrome/Default/Extensions/fmkadmapgofadopljbjfkapdkoienihi/4.9.0_0: Unrecognized manifest key 'browser_action'. Unrecognized manifest key 'minimum_chrome_version'. Unrecognized manifest key 'update_url'. Cannot load extension with file or directory name _metadata. Filenames starting with "_" are reserved for use by the system. 
(node:8189) ExtensionLoadWarning: Warnings loading extension at /home/searene/.config/google-chrome/Default/Extensions/lmhkpmbekcpmknklioeibfkpmmfibljd/2.17.0_0: Unrecognized manifest key 'commands'. Unrecognized manifest key 'homepage_url'. Unrecognized manifest key 'page_action'. Unrecognized manifest key 'short_name'. Unrecognized manifest key 'update_url'. Permission 'notifications' is unknown or URL pattern is malformed. Permission 'contextMenus' is unknown or URL pattern is malformed. Permission 'tabs' is unknown or URL pattern is malformed. Cannot load extension with file or directory name _metadata. Filenames starting with "_" are reserved for use by the system. 

我在开发者工具中看到了
Redux
,但没有找到
React
。根据,上述警告不应阻止加载开发工具。我还尝试重新打开开发工具,但没有成功。如何解决此问题?

在webPreferences下添加

contextIsolation: false
对于loadExtension函数,添加
{allowFileAccess:true}
作为第二个参数

这应该可以让它工作,因为他们在某些版本(我认为是9.0.0)中更改了contextIsolation的默认值, 并添加allowFileAccess作为安全性的扩展加载选项

如果需要,可以使用isDev布尔值设置allowFileAccess