electron踩坑之process is not defined
问题 打开electron-vue报出Process is not defined的错误。 对此表示奇怪的一批,在github中有人也遇到了相同的问题,并给出了答案,这里贴出链接。github链接传送门解决办法 对于github上给出的解决办法,我在此做出整理。找到.electron-vue文件目录下的webpack.renderer.config.js文件,修改plugins中的new Html
·
问题
打开electron-vue报出Process is not defined的错误。
对此表示奇怪的一批,在github中有人也遇到了相同的问题,并给出了答案,这里贴出链接。github链接传送门
解决办法
对于github上给出的解决办法,我在此做出整理。
- 找到.electron-vue文件目录下的webpack.renderer.config.js文件,修改plugins中的
new HtmlWebpackPlugin()
为如下代码
new HtmlWebpackPlugin({
filename: 'index.html',
template: path.resolve(__dirname, '../src/index.ejs'),
minify: {
collapseWhitespace: true,
removeAttributeQuotes: true,
removeComments: true
},
isBrowser: false,
isDevelopment: process.env.NODE_ENV !== 'production',
nodeModules: process.env.NODE_ENV !== 'production'
? path.resolve(__dirname, '../node_modules')
: false
}),
- 修改src文件夹下的index.ejs文件为下述代码
<div id="app"></div>
<!-- Set `__static` path to static files in production -->
<% if (!htmlWebpackPlugin.options.isBrowser && !htmlWebpackPlugin.options.isDevelopment) { %>
<script>
window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
</script>
<% } %>
- 向src/main/index.js中加入配置选项
function createWindow () {
// add the webPreferences property passed to BrowserWindow
mainWindow = new BrowserWindow({
height: 563,
useContentSize: true,
width: 1000,
webPreferences: {
nodeIntegration: true,
nodeIntegrationInWorker: true
}
})
}
- 配置完成,打开electron-vue,成功。
更多推荐
已为社区贡献8条内容
所有评论(0)