When I run "electron:serve" on macOS, it goes blank.

I am very happy to find this project. I am currently having one issue, please help.

Describe the issue Applications run by the “npm run electron: serve” command on macOS are blank.

To Reproduce Clone the following repositories. https://github.com/DogFortune/electron-vue

Prepare the environment for the master branch. When I run the “npm run electron: serve” command on macOS, it goes blank. When I run the same command on Windows 10, it runs fine.

Expected behavior It works fine on macOS.

Screenshots macOS

Windows 10

Environment (please complete the following information): terminal output from running vue info

Windows 10

  System:
    OS: Windows 10 10.0.18363
    CPU: (4) x64 Intel(R) Core(TM) i5-7260U CPU @ 2.20GHz     
  Binaries:
    Node: 12.18.3 - D:\Program Files (x86)\Nodist\bin\node.EXE
    Yarn: Not Found
    npm: 6.14.6 - D:\Program Files (x86)\Nodist\bin\npm.EXE   
  Browsers:
    Chrome: 84.0.4147.125
    Edge: Spartan (44.18362.449.0)
  npmPackages:
    @ant-design-vue/babel-helper-vue-transform-on:  1.0.1
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0
    @vue/babel-plugin-transform-vue-jsx:  1.1.2
    @vue/babel-preset-app:  4.5.3
    @vue/babel-preset-jsx:  1.1.2
    @vue/babel-sugar-functional-vue:  1.1.2
    @vue/babel-sugar-inject-h:  1.1.2
    @vue/babel-sugar-v-model:  1.1.2
    @vue/babel-sugar-v-on:  1.1.2
    @vue/cli-overlay:  4.5.3
    @vue/cli-plugin-babel: ~4.5.0 => 4.5.3
    @vue/cli-plugin-eslint: ~4.5.0 => 4.5.3
    @vue/cli-plugin-router:  4.5.3
    @vue/cli-plugin-typescript: ~4.5.0 => 4.5.3
    @vue/cli-plugin-vuex:  4.5.3
    @vue/cli-service: ~4.5.0 => 4.5.3
    @vue/cli-shared-utils:  4.5.3
    @vue/component-compiler-utils:  3.2.0
    @vue/eslint-config-typescript: ^5.0.2 => 5.0.2
    @vue/preload-webpack-plugin:  1.1.2
    @vue/web-component-wrapper:  1.2.0
    eslint-plugin-vue: ^6.2.2 => 6.2.2
    typescript: ~3.9.3 => 3.9.7
    vue: ^2.6.11 => 2.6.11
    vue-class-component: ^7.2.3 => 7.2.5
    vue-cli-plugin-electron-builder: ~2.0.0-rc.4 => 2.0.0-rc.4
    vue-eslint-parser:  7.1.0
    vue-hot-reload-api:  2.3.4
    vue-loader:  15.9.3 (16.0.0-beta.5)
    vue-property-decorator: ^8.4.2 => 8.5.1
    vue-style-loader:  4.1.2
    vue-template-compiler: ^2.6.11 => 2.6.11
    vue-template-es2015-compiler:  1.9.1
  npmGlobalPackages:
    @vue/cli: Not Found

macOS

  System:
    OS: macOS Mojave 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i5-6267U CPU @ 2.90GHz
  Binaries:
    Node: 12.16.2 - ~/.nodebrew/current/bin/node
    Yarn: 1.22.0 - /usr/local/bin/yarn
    npm: 6.14.4 - ~/.nodebrew/current/bin/npm
  Browsers:
    Chrome: 84.0.4147.135
    Firefox: Not Found
    Safari: 13.1.1
  npmPackages:
    @ant-design-vue/babel-helper-vue-transform-on:  1.0.1 
    @vue/babel-helper-vue-jsx-merge-props:  1.0.0 
    @vue/babel-plugin-transform-vue-jsx:  1.1.2 
    @vue/babel-preset-app:  4.5.3 
    @vue/babel-preset-jsx:  1.1.2 
    @vue/babel-sugar-functional-vue:  1.1.2 
    @vue/babel-sugar-inject-h:  1.1.2 
    @vue/babel-sugar-v-model:  1.1.2 
    @vue/babel-sugar-v-on:  1.1.2 
    @vue/cli-overlay:  4.5.3 
    @vue/cli-plugin-babel: ~4.5.0 => 4.5.3 
    @vue/cli-plugin-eslint: ~4.5.0 => 4.5.3 
    @vue/cli-plugin-router:  4.5.3 
    @vue/cli-plugin-typescript: ~4.5.0 => 4.5.3 
    @vue/cli-plugin-vuex:  4.5.3 
    @vue/cli-service: ~4.5.0 => 4.5.3 
    @vue/cli-shared-utils:  4.5.3 
    @vue/component-compiler-utils:  3.2.0 
    @vue/eslint-config-typescript: ^5.0.2 => 5.0.2 
    @vue/preload-webpack-plugin:  1.1.2 
    @vue/web-component-wrapper:  1.2.0 
    eslint-plugin-vue: ^6.2.2 => 6.2.2 
    typescript: ~3.9.3 => 3.9.7 
    vue: ^2.6.11 => 2.6.11 
    vue-class-component: ^7.2.3 => 7.2.5 
    vue-cli-plugin-electron-builder: ~2.0.0-rc.4 => 2.0.0-rc.4 
    vue-eslint-parser:  7.1.0 
    vue-hot-reload-api:  2.3.4 
    vue-loader:  15.9.3 (16.0.0-beta.5)
    vue-property-decorator: ^8.4.2 => 8.5.1 
    vue-style-loader:  4.1.2 
    vue-template-compiler: ^2.6.11 => 2.6.11 
    vue-template-es2015-compiler:  1.9.1 
  npmGlobalPackages:
    @vue/cli: 4.3.1

[nklayman]

Unfortunately, I don’t have a mac I can test this on. I tried on linux and it worked fine. Maybe try rm -rf node_modules && npm i in case the dep install got messed up. Otherwise, I can’t really help until I get a mac.

[nklayman]

@DogFortune did you try rm -rf node_modules? Since it works on linux/windows it should work on mac, my guess is that it is a dep installation error.