CrazyEngineers
  • Fix: Vue DevTools Tab does not appear in Chrome inspector

    Kaustubh Katdare

    Kaustubh Katdare

    @thebigk
    Updated: Oct 26, 2024
    Views: 2.0K
    I had to scratch my head for almost 20 minutes on this. I imported Vue.js from the production CDN and was wondering why does the vue dev-tools chrome extension not work. The extension did go 'active' in the browser, but whenever I clicked on it, it threw an error that the extension cannot work because it's in production mode.

    The fix was super simple.

    Get the 'dev' version of vue.js for your local development environment instead of the CDN version which disables the extension for security reasons.

    But if you must use the production version, try adding:
    Vue.config.devtools = true;

    right after you import the script in your code. If that doesn't work, simply download the vue.js development version locally and it works like charm.
    0
    Replies
Howdy guest!
Dear guest, you must be logged-in to participate on CrazyEngineers. We would love to have you as a member of our community. Consider creating an account or login.
Home Channels Search Login Register