search

SimulatedGREG / electron-vue

An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.
https://simulatedgreg.gitbooks.io/electron-vue/content/
MIT License
15.48k stars 1.55k forks source link

vue devtools is blank #982

Closed breekoy closed 4 years ago

breekoy commented 4 years ago

I can't view vue devtools. It's just a blank page.

Open devtools, click Vue tab.

Screen Shot 2020-02-10 at 2 51 33 PM

also my terminal returns these errors:

┏ Electron -------------------

  2020-02-10 15:23:24.257 Electron[5045:71217] *** WARNING: Textured window <EventDispatchingWindow: 0x7f891c4791d0> is getting an implicitly transparent titlebar. This will break when linking against newer SDKs. Use NSWindow's -titlebarAppearsTransparent=YES instead.

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

┏ Electron -------------------

  [5045:0210/152344.653738:ERROR:CONSOLE(1)] "Uncaught SyntaxError: Unexpected token ...", source: chrome-extension://vue-js-devtools/build/devtools.js (1)

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

UPDATE: tried to downgrade to node v10.16.0 and npm v6.9.0 since these are the versions currently installed in my other machine (linux) which the vue devtools works. Unfortunately, still not working on my mac. 😢

breekoy commented 4 years ago

SOLVED! Apparently, this is not an issue with this repo but an issue with the chrome version i'm having. It's too old to work with latest version of vue devtools extension specifically the Chrome 58 that ships with my electron 1.7.2. Also I found out that the last version of chrome where the latest vue devtools is working is chrome 60. So I tried upgrading the electron to v2.0.0 which ships with chrome 61 and it works! Now i'll do incremental updates with electron version since 2.0.0 is still too old.