vite-plugin-vue-devtools Devtools not showing/loading

We are using Laravel and InertiaJs so our 'index.js' html page is currently loaded by vite in index.blade.php I see you provided an appendTo if you don't use a html file.. How does that work ? Are there any examples for using that?

index.blade.php

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Project</title>
    @vite('scripts/index.ts')
</head>
<body>
<div id="container">
@inertia
</div>
</body>
</html>

Jun 19 '23 13:06 whitespacecode

Try 👇

{
   plugins: [
      VueDevTools({
         appendTo: 'scripts/index.ts'
     })
  ]
}

Jun 20 '23 10:06 webfansplz

The icon is showing but the content inside is a 404

Console errors:

app.js:29     GET https://project.test/__devtools/ 404

app.js:29 [Vue warn]: Unhandled error during execution of native event handler 
  at <Container hook= {devtoolsVersion: '6.0', Vue: null, enabled: true, _buffer: Array(0), _bufferMap: Map(0), …} > 
  at <App>

caught (in promise) Error: Vue Devtools client injection failed

It looks like whatever i'm returning by creating the route in laravel i'm getting in the popup. So maybe i should return a view that devtools need ? Not sure what the process would be.

Jun 20 '23 11:06 whitespacecode

Not sure if it't same issue, but after upgraded from 0.2.1 to 0.3.0/0.3.1, devtools cannot be showed in my project as well, got 404 in console, downgraded to 0.2.1 fixed the issue:

CleanShot 2023-06-27 at 12 04 03@2x

Jun 27 '23 04:06 pzgz

Not sure if it't same issue, but after upgraded from 0.2.1 to 0.3.0/0.3.1, devtools cannot be showed in my project as well, got 404 in console, downgraded to 0.2.1 fixed the issue:

Thanks for the feedback, fixed in v0.3.2

Jun 27 '23 05:06 webfansplz

Thanks, this is quick, confirm fixed^_^

Jun 27 '23 12:06 pzgz

Im using Laravel 10 with vite 4 and vue 3 your actual 1.0.0-rc.2 version. Also i'm using Intertia, if this is a point. I'm getting the following Errors:

Aug 26 '23 21:08 Niiidro

vite-plugin-vue-devtools vite-plugin-vue-devtools copied to clipboard

Devtools not showing/loading

vite-plugin-vue-devtools
vite-plugin-vue-devtools copied to clipboard