vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

Cannot see components code syntax highlighting and hover doesn't show any variable content #2029

Open pierrewt opened 1 year ago

pierrewt commented 1 year ago

Vue devtools version

6.5.0

Link to minimal reproduction

NA

Steps to reproduce & screenshots

No particular steps, the problem is with a Vue 2 project having components, see the configuration for better context.

What is expected?

For components, Chrome's devtool "source" tab used to show syntax highlighting, and hovering a variable showed its content. Now it doesn't work.

What is actually happening?

As per the question above: for components, the javascript code isn't coloured and I can't hover while debugging.

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 Intel(R) Core(TM) i7-4700HQ CPU @ 2.40GHz   
    Memory: 7.92 GB / 15.89 GB
  Binaries:
    Node: 12.16.3 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.4 - C:\Program Files (x86)\Yarn\bin\yarn.CMD  
    npm: 6.14.4 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 110.0.5481.104
    Edge: Spartan (44.19041.1266.0), Chromium (110.0.1587.46)
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    vue: 2.6.14 => 2.6.14

Any additional comments?

I didn't work on the project for a month or two. And now I am not able to debug my code effciently because of this major problem.