Solid devtools with Astro
I try to use solid devtools extension with Astro but is shows Solid Not Detected. Webpage work fine with solidjs.
I edit astro.config.mjs file in Astro
JavaScript
/* eslint-disable import/no-unresolved */
import { defineConfig } from "astro/config";
import tailwind from "@astrojs/tailwind";
import partytown from "@astrojs/partytown";
import solidJs from "@astrojs/solid-js";
import sitemap from "@astrojs/sitemap";
import robotsTxt from "astro-robots-txt";
import devtools from "solid-devtools/vite";
// import node from "@astrojs/node";
// import tunnel from "astro-tunnel";
// https://astro.build/config
export default defineConfig({
// output: 'server',
// adapter: node({
// mode: "standalone"
// }),
site: "https://www.kada.lk",
integrations: [
tailwind(),
partytown(),
solidJs(),
robotsTxt({
userAgent: "*",
allow: "/",
disallow: "",
crawlDelay: 10,
}),
devtools({
autoname: true,
locator: {
targetIDE: "vscode",
key: "Ctrl",
jsxLocation: true,
componentLocation: true,
},
}),
], //, tunnel()
});
I add Solid JSX file import 'solid-devtools' this line. But not show any details.
"solid-devtools": "^0.30.1"
"astro": "^4.16.9"
"solid-js": "^1.9.3"
IDE: VSCODE1 Reply
Anybody?