Vue-devtools: Electron Standalone : Backend.js.map error 404

[mats852]

Version

4.1.3

Browser and OS info

Safari 11.0.2 on OSX 10.13.2

Steps to reproduce

On load, vue devtools crashes with a 404 on backend.js.map

What is expected?

no 404 on backend.js.map

What is actually happening?

404 on backend.js.map

[yyx990803]

/cc @michalsnik

[michalsnik]

On it 👀

[michalsnik]

@bombemedia Unfortunately I can't reproduce this issue. Can you please provide more informations, like:

• how did you install @vue/devtools?
• how do you use it?
• what version do you use? (Because pointed in description v4.1.3 stands for the main repository, not electron shell itself)
• where do you get this error? Is it in the console of the application or devtools?

Anything would be helpful, as for now I installed it both globally and as dev dependency and used both by adding <script> tag in HEAD and by directly including module, and I still don't get this error.

[mats852]

Sorry, I had a baby in the meanwhile!

• I installed by the instructions in the docs, as a global package.
• I've put the script tag in the head of my project. A Wordpress site with Vue included via CDN.
• Electron version 1.7.11
• In any browser, as a console.log message.

[galli-leo]

Hi,

I have the same issue, and I am running the electron shell directly from source. The electron app shows the connection, but doesn't show any components or Vuex stores, so it's kinda useless.

[gabaum10]

I'm seeing that too. The interesting thing is, this _was_ working at some point. I was using it as a workaround for the devtools not supporting iframes. However, it seems to have stopped working.

[Akryum]

cc @michalsnik

[michalsnik]

Hmm, the latest release was 5 months ago @gabaum10 So if it was working before, and is not working now, it might be a problem with the local environment, as nothing has changed here in the meanwhile.

Thank you @mstvincent I'll try to reproduce it again on my other macbook, hopefully I can get this error too.

[TomLuna]

I got the same issue here on mobile safari and the console prints "http://x.x.x.x:8098/backend.js.map" not found. It works well with desktop Chrome.

---Never mind, I forgot

in the page.

[erikwestlund]

I just tried using dev tools with safari and this is an issue sitll.

[quentinw92]

I'm in the same boat.

1. Globally installed electron
2. I've tried starting vue-devtoools on the default port as well as port 3020 PORT=3020 vue-devtools
3. Added the script tag to my document, made sure it's visible in the browser.
4. Still receive the following 404 every time.

```
Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:3020/backend.js.map
````

[jabelone]

Just wanted to say this was happening with me on mobile Safari connecting to the electron standalone version on macOS. I fixed it by putting semicolons on the end of the config values like so:

<script>
  window.__VUE_DEVTOOLS_HOST__ = '192.168.0.185'; // default: localhost
  window.__VUE_DEVTOOLS_PORT__ = '8098'; // default: 8098
</script>
<script src="http://192.168.0.185:8098"></script>