New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Webpack ReferenceError: process is not defined #871
Comments
Solved by removing: <% if (!process.browser) { %>
<script>
if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
</script>
<% } %> from Might not be the right solution but works as a temporary fix for me. Not sure issue should be closed though! |
I also ran into this issue. Is it possible that your Node version changed? I find that I can replicate this problem consistently by upgrading/downgrading Node, using NVM to switch between various versions. The fix, for me, was to |
Experiencing the same issue on Node 12.2.0. Not sure what causes it, and not entirely convinced the issue is in this repo. Probably a dependency. Removing parts from the template will work for My temporary solution was to do modify new HtmlWebpackPlugin({
filename: 'index.html',
template: path.resolve(__dirname, '../src/index.ejs'),
templateParameters(compilation, assets, options) {
return {
compilation: compilation,
webpack: compilation.getStats().toJson(),
webpackConfig: compilation.options,
htmlWebpackPlugin: {
files: assets,
options: options
},
process,
};
},
minify: {
collapseWhitespace: true,
removeAttributeQuotes: true,
removeComments: true
},
nodeModules: false
}), |
I refactored my project to use this: https://github.com/nklayman/vue-cli-plugin-electron-builder. Works w/ Node 12, is generally simpler and more well documented. |
The same error appeared after updating nodejs to 12.2.0 (in 11 it was all working). The solution of wubzz solves it. |
I'm a new boy for javascript, how to do that, detail please |
@AIMentalModel have you first tried the solution from @LionelGarcia - about removing the section from the index.ejs file? I only mention because it has worked well for me. link to the comment -> #871 (comment) |
I also run into this issue after upgraded version of node to latest. I need v12 to use web workers. I don't think removing following:
is a real solution. I'm not sure how it will behavior when I'll switch from development to production. Any thoughts about that? I'm using windows 10. Edit @LionelGarcia you wrote that you have node v12.1.0 but do you mean your local node or you somehow updated node shipped with electron-vue? you can check local version by and local: |
@kmaher9 |
Cool well I'm glad you found a solution, consider closing this ticket off if your issue is resolved :) |
Seems to work for me using an older node version, node |
in mainWindow = new BrowserWindow({
height: 563,
useContentSize: true,
width: 1000,
title: 'TBFE',
webPreferences: {
nodeIntegration: true // add this
}
}) And it will resolve this problem. |
add this code solved the problem for me templateParameters(compilation, assets, options) {
return {
compilation: compilation,
webpack: compilation.getStats().toJson(),
webpackConfig: compilation.options,
htmlWebpackPlugin: {
files: assets,
options: options
},
process,
};
} |
where add this your code ? |
...electron-vue\webpack.renderer.config.js
|
i tried and only solution from @wubzz works |
I have the same issue... :( In my case the proposed workaround from @d0peCode worked for me. λ npm -v
6.10.3
λ yarn -v
1.15.2
λ node -v
v12.8.0 |
i had same issue, I solved by changing node version, i was using node v12.9.1 i changed to v10.16.2 and the issue was solved |
I edit webpack.renderer.config.js as below: 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
}), and then change index.ejs like this: <!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<% if (htmlWebpackPlugin.options.nodeModules) { %>
<!-- Add `node_modules/` to global paths so `require` works properly in development -->
<script>
require('module').globalPaths.push('<%= htmlWebpackPlugin.options.nodeModules.replace(/\\/g, '\\\\') %>')
</script>
<% } %>
</head>
<body>
<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>
<% } %>
<!-- webpack builds are automatically injected -->
</body>
</html>
it just drops "process" and works perfectly for me. I hope this can help you. |
I have the same issue npm -v yarn -v node -v |
For this to have a PR that was merged to master and supposedly fixed the issue, I'm still getting the same error as well. |
I have the same issue. |
|
独秀同志,赶快落座,你是对的 |
The node version was upgraded from 10.16 to 14.0. This error occurred when executing 'NPM run dev'. We solved it this way. Perfect. |
Modyfying system: Linux Mint 19.3 But https://auth0.com/blog/electron-tutorial-building-modern-desktop-apps-with-vue-js/ was very helpful |
it works for me |
Good,Thanks. |
I still can't get this to work after a clean install. This issue was opened over a year ago. I guess writing quality code can be difficult sometimes ¯_(ツ)_/¯ |
got the same error, and solved it according to @wubzz 's solution, thank you! |
Work's for me on Node v14.14.0 |
I think you should follow this article cum tutorial, it might be helpful! |
This works,thanks! |
When I start it by commmand `npm run dev', the electron application show me that `Webpack ReferenceError: process is not defined'. I follow what the web said and change the webpack config file. More infomation: SimulatedGREG/electron-vue#871
Oh my god, still got this error after a fresh installation. Node version: 14.15.4 |
Same here, still having the issue on Node v14.15.1 - will try @wubzz 's solution.... |
It's works for me! Node v. 14.15.0 |
Squashed commit of the following: commit 948dd01 Author: timchanpon <62697984+timchanpon@users.noreply.github.com> Date: Sat Mar 27 21:30:55 2021 +0900 Improve UI, Implement prediction of serial list commit 37919d0 Author: timchanpon <62697984+timchanpon@users.noreply.github.com> Date: Sat Mar 27 20:23:49 2021 +0900 Apply dark theme commit df19ba1 Author: timchanpon <62697984+timchanpon@users.noreply.github.com> Date: Sat Mar 27 20:20:33 2021 +0900 Create primitive markdown editor commit 1e35294 Author: timchanpon <62697984+timchanpon@users.noreply.github.com> Date: Sat Mar 27 19:52:49 2021 +0900 Fix process is undefined error SimulatedGREG/electron-vue#871 (comment) commit 3a14544 Author: timchanpon <62697984+timchanpon@users.noreply.github.com> Date: Sat Mar 27 19:39:23 2021 +0900 Install marked
Issue
Fresh electron-vue project gives webpack error:
ReferenceError: process is not defined

Look like issue #516 solved by #726 for build:webReproduction
vue init simulatedgreg/electron-vue test_vue_error cd test_vue_error npm install npm run dev
Screenshot of rendering error
Development environment
The text was updated successfully, but these errors were encountered: