-
Notifications
You must be signed in to change notification settings - Fork 1.5k
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. |
very good :) |
Uncaught Error: Cannot find module 'axios' |
|
独秀同志,赶快落座,你是对的 |
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:web
Reproduction
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: