devtools
devtools copied to clipboard
Standalone Vue Devtools doesn't show events
Version
5.3.3
Browser and OS info
WKWebview (Nitro JavaScript engine) / IOS
Steps to reproduce
Using vue-cli and cordova plugin run ios dev script. This should create a simulator. Run this along with the standalone vue devtools and connect to it via Safari. Interact with a component with an $emit attached to it. You will not see the event tracked by vue devtools.
What is expected?
tracks the custom events emitted from components
What is actually happening?
Nothing
I am using a simulator, so having a Mac is a must to reproduce this this
I have a similar issue. I have a VueJS spa web app deployed to a vhost. I browse to that host with the standalone tools running via Safari on an iPad Xcode simulator. The simulator Safari reports that Vue-dev tools is connected and the Vue Developer Tools electron app shows status of "Ready. Detected Vue 2.6.10" however that's it, the rest is blank. No components shown. If I click the store tab it says "No Vuex store connected", if I click the events tab it's also blank. History tab; blank, benchmarks; blank.
I'm running this all from a 2018 MacBook Pro running Catalina OS.
I'm running vue-devtools standalone on Ubuntu 18.04 and also don't see the events.
Vue.js version 2.6.10 Dev Tools v5.1.4 Chrome Version 86.0.4240.183 (Official Build) (64-bit)
Can't detect any events here either.
- start vue app locally
- start vue-devtools
- Connects, can see components, props, etc.
- Start event recording
- Trigger emits
- nothing displays
I believe it should display them.
I am experiencing the same issue on windows 10, Chrome 86.0.4240.183 and Edge 86.0.622.63 vue-devtools 5.3.3
same issue Android 10.0 WebView in 91.0.4472.101