Reactjs 与Web包绑定后出现电子远程错误
我在React的帮助下制作了一个Electron应用程序,但在导入Electron的远程模块后,在将代码与webpack捆绑在一起后,我不断收到以下错误:Reactjs 与Web包绑定后出现电子远程错误,reactjs,webpack,electron,Reactjs,Webpack,Electron,我在React的帮助下制作了一个Electron应用程序,但在导入Electron的远程模块后,在将代码与webpack捆绑在一起后,我不断收到以下错误: Uncaught TypeError: r.existsSync is not a function 代码如下: import * as React from 'react' import * as ReactDOM from 'react-dom' import * as path from 'path' import {remote}
Uncaught TypeError: r.existsSync is not a function
代码如下:
import * as React from 'react'
import * as ReactDOM from 'react-dom'
import * as path from 'path'
import {remote} from 'electron'
import Application from './components/Application'
const appRoot = document.getElementById('app-root')
console.log(remote.getGlobal('mainRoot'))
ReactDOM.render(
<Application />,
appRoot
)
你的网页包配置是什么?我忘了添加它,现在它也在那里。我通过在网页包配置的外部添加electron解决了这个问题。你也可以将目标指定为electron或electron渲染器。请参阅
const path = require('path');
module.exports = {
entry: './templates/js/test.js',
output: {
path: path.join(__dirname, 'templates/dist'),
filename: 'test.js'
},
watch: true,
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: "babel-loader"
}, {
test: /\.jsx?$/,
exclude: /node_modules/,
use: "babel-loader"
}
]
}
}