-
Notifications
You must be signed in to change notification settings - Fork 80
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
SvelteKit config #68
Comments
For grins I added the following to my SvelteKit config only half-expecting it to work: import svelte from 'rollup-plugin-svelte';
const config = {
kit: {
adapter: adapter(),
vite: {
build: {
rollupOptions: {
plugins: [ svelte({ compilerOptions: { dev: true } }) ]
}
},
/* snip */
}
}
} But nada. I didn't dig any deeper as the inspector in DevTools proper is enough for my needs. Though I thought it would be nice to get a more focused slice of the data while I was building a model. If this does or were to work with SvelteKit, I would expect it to work out of the box with no additional peer dependency installation required. |
SvelteKit works out of the box for me, always has! |
15 upvotes since late February suggests either a browser update or SvelteKit version change caused the issue. @Jakeii what browser are you using that still works today on current builds of SvelteKit with this extension? |
@vhscom works out of the box on firefox 99.0.1 Just checked chrome and I see it doesn't work there |
Thank you @Jakeii. I can confirm this works with LibreWolf Version 97.0-2 (64-bit) as well. Seems to be a Chromium-specific issue. I'm fairly confident it was working a few months ago on Chromium under Linux. Right now I'm on macOS. Will wait for others to chime in with more environment info to help isolate the issue. Cheers. |
There's now a hot key activated inspector built into |
I learned from @dominikg how to enable it. experimental: {
inspector: true
} Add the above to Reference config to example. See StackBlitz for demo. |
This doesn't really do anything useful as far as I can tell though. I can't monitor variables and see what the data is doing as I work through some testing scenarios. Am I missing something about this? After setting it up, it just lets me click the little Svelte logo and click on something on the page, which will take me to that line in VS Code. Not sure what I'm missing. |
Any fix for this so far? |
@mshamaseen – Did you update to @sveltejs/kit@next and vite@latest?
|
@mgrubinger here is my svelte.conf.js file:
Now I can see the Svelte icon on the bottom-right, but I expected it to show information on the browser inspection. It keeps saying To connect to Svelte perform a hard refresh (ctrl+F5) or click here. I tried to click on it and click on an item on the page, but nothing happened on the browser inspection side. |
svelte inspector is a different tool, not related to svelte-devtools and not a browser extension. |
@dominikg Oh, I see. Any info I can provide to help? |
Is there a way to enable DevTools for SvelteKit?
The text was updated successfully, but these errors were encountered: