Skip to content
This repository has been archived by the owner on Jan 6, 2024. It is now read-only.

Devtools not showing/loading #74

Open
whitespacecode opened this issue Jun 19, 2023 · 6 comments
Open

Devtools not showing/loading #74

whitespacecode opened this issue Jun 19, 2023 · 6 comments
Labels
P: laravel Platform: laravel

Comments

@whitespacecode
Copy link

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>
@webfansplz
Copy link
Owner

Try 👇

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

@whitespacecode
Copy link
Author

whitespacecode commented Jun 20, 2023 •
edited

The icon is showing but the content inside is a 404

image

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.

@pzgz
Copy link

pzgz commented Jun 27, 2023

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

@webfansplz
Copy link
Owner

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

Thanks for the feedback, fixed in v0.3.2

@pzgz
Copy link

pzgz commented Jun 27, 2023

Thanks, this is quick, confirm fixed^_^

@alexzhang1030 alexzhang1030 added the P: laravel Platform: laravel label Jun 30, 2023
@Niiidro
Copy link

Niiidro commented Aug 26, 2023

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:
image

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
P: laravel Platform: laravel
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@pzgz @webfansplz @whitespacecode @alexzhang1030 @Niiidro