Electron-vue: Unable to run sample app.

[jpheneger]

Found an issue or bug with electron-vue? Tell me all about it!

Questions regarding how to use electron or vue are likely to be closed as they are not direct issues with this boilerplate. Please seek solutions from official documentation or their respective communities.

Describe the issue / bug.

#
Running the command 'npm run dev' generates the following output:

[email protected] dev /Users/jpheneger/code/electron-vue-example
node .electron-vue/dev-runner.js

     ___                      __

__ /_ \ __ ___ /\ __ _ __ ___ ___ __ __ __ __ __
/ ,.\ \//\ \ / ,.\ /'___\ \ \ ,_\ /` __\ / __\ /' _\ _______ /\ /\ /\ /\ \ / ,.`\
/\ __/ _\ _ /\ __/ /\ __/ \ \ / \ \ / /\ _\ /\ /\ \ /______\ \ / |\ \ _\ /\ __/
\ ____\ /____\ ____\ ____\ \ \ _ \ _\ \ ____/\ _\ _\/______/ \ ___/ \ ____/\ ____\
/____/ /____/ /____/ /____/ \ __\ /_/ /___/ /_//_/ /__/ /___/ /____/
/__/
getting ready...

┏ Main Process ---------------

compiling...

┗ ----------------------------

ℹ ｢wds｣: Project is running at http://localhost:9080/
ℹ ｢wds｣: webpack output is served from undefined
ℹ ｢wds｣: Content not from webpack is served from /Users/jpheneger/code/electron-vue-example/
┏ Renderer Process -----------

Hash: 031d19b87610000e8392
Version: webpack 4.41.5
Time: 1740ms
Built at: 02/03/2020 9:12:19 PM
Asset Size Chunks Chunk Names
imgs/logo--assets.png 60.4 KiB [emitted]
index.html 466 bytes [emitted]
renderer.js 1.79 MiB renderer [emitted] renderer
Entrypoint renderer = renderer.js
[1] multi (webpack)-dev-server/client?http://localhost ./.electron-vue/dev-client ./src/renderer/main.js 52 bytes {renderer} [built]
[./.electron-vue/dev-client.js] 731 bytes {renderer} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {renderer} [built]
[./node_modules/vue/dist/vue.esm.js] 319 KiB {renderer} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost] (webpack)-dev-server/client?http://localhost 4.29 KiB {renderer} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.51 KiB {renderer} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {renderer} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {renderer} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {renderer} [built]
[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {renderer} [built]
[./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {renderer} [built]
[./node_modules/webpack-hot-middleware/client.js?noInfo=true&reload=true] (webpack)-hot-middleware/client.js?noInfo=true&reload=true 7.68 KiB {renderer} [built]
[./node_modules/webpack/hot sync ^./log$] (webpack)/hot sync nonrecursive ^./log$ 170 bytes {renderer} [built]
[./src/renderer/App.vue] 1.12 KiB {renderer} [built]
[./src/renderer/main.js] 315 bytes {renderer} [built]
+ 60 hidden modules

ERROR in Template execution failed: ReferenceError: process is not defined

ERROR in ReferenceError: process is not defined

- index.ejs:11 eval
  [.]/[html-webpack-plugin]/lib/loader.js!./src/index.ejs:11:2

- index.ejs:16 module.exports
  [.]/[html-webpack-plugin]/lib/loader.js!./src/index.ejs:16:3

- index.js:284
  [electron-vue-example]/[html-webpack-plugin]/index.js:284:18

- runMicrotasks

- task_queues.js:97 processTicksAndRejections
  internal/process/task_queues.js:97:5

Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 1.36 MiB 0
Entrypoint undefined = index.html
[./node_modules/html-webpack-plugin/lib/loader.js!./src/index.ejs] 1.16 KiB {0} [built]
[./node_modules/lodash/lodash.js] 528 KiB {0} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]

┗ ----------------------------

dyld: lazy symbol binding failed: Symbol not found: _FSEventStreamCreate
Referenced from: /Users/jpheneger/code/electron-vue-example/node_modules/fsevents/build/Release/fse.node
Expected in: flat namespace

dyld: Symbol not found: _FSEventStreamCreate
Referenced from: /Users/jpheneger/code/electron-vue-example/node_modules/fsevents/build/Release/fse.node
Expected in: flat namespace

Abort trap: 6

How can I reproduce this problem?

#
Create sample app, run npm install && npm run dev

If visual, provide a screenshot.

#

Tell me about your development environment.

• Node version: 13.7.0
• NPM version: 6.13.6
• vue-cli version: (if necessary): 2.9.6
• Operating System: OSX Mojave (10.14.6)

If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

[jpheneger]

Turns out this issue was caused by running a version of Node installed by Homebrew - Electron DOES NOT like Node when it is installed via Homebrew. Removing that version of node and downloading from nodejs.com/downloads resolved the issue.