{"id":25408,"library":"esbuild-plugin-solid-js","title":"esbuild-plugin-solid-js","description":"esbuild plugin (v1.0.1) that applies Solid JS transforms to JSX/TSX files using babel-preset-solid, with correct sourcemap inlining. It bridges esbuild’s fast bundling with Solid’s reactive JSX compilation. Unlike manual babel integration, this plugin preserves sourcemaps end-to-end. Does not perform TypeScript transpilation (use esbuild’s built-in ts transform). Active development, simple API with one default export.","status":"active","version":"1.0.1","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","esbuild","solid-js"],"install":[{"cmd":"npm install esbuild-plugin-solid-js","lang":"bash","label":"npm"},{"cmd":"yarn add esbuild-plugin-solid-js","lang":"bash","label":"yarn"},{"cmd":"pnpm add esbuild-plugin-solid-js","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Default export only; named import will fail.","wrong":"import { solid } from 'esbuild-plugin-solid-js'","symbol":"solid","correct":"import solid from 'esbuild-plugin-solid-js'"},{"note":"Default export via require(). Destructuring will return undefined.","wrong":"const { solid } = require('esbuild-plugin-solid-js')","symbol":"solid (CommonJS)","correct":"const solid = require('esbuild-plugin-solid-js')"},{"note":"Works with TypeScript if jsx is set to 'preserve' and jsxImportSource to 'solid-js'.","wrong":null,"symbol":"TypeScript usage","correct":"import solid from 'esbuild-plugin-solid-js'"}],"quickstart":{"code":"import * as esbuild from 'esbuild';\nimport solid from 'esbuild-plugin-solid-js';\n\nawait esbuild.build({\n  entryPoints: ['src/index.tsx'],\n  bundle: true,\n  outfile: 'dist/bundle.js',\n  plugins: [solid()],\n  tsconfig: 'tsconfig.json'\n});\n\n// Ensure tsconfig.json has:\n// { \"compilerOptions\": { \"jsx\": \"preserve\", \"jsxImportSource\": \"solid-js\", \"inlineSources\": true, \"inlineSourceMap\": true } }","lang":"typescript","description":"Build a Solid.js application using esbuild with this plugin, showing TypeScript and sourcemap config."},"warnings":[{"fix":"Use esbuild's built-in TypeScript support (set tsconfig properly) or run tsc separately.","message":"Only transpiles JSX/TSX files. Does NOT perform TypeScript transpilation.","severity":"gotcha","affected_versions":"all"},{"fix":"Update tsconfig.json compilerOptions as above.","message":"Requires specific tsconfig settings: jsx: 'preserve', jsxImportSource: 'solid-js', inlineSources: true, inlineSourceMap: true.","severity":"gotcha","affected_versions":"all"},{"fix":"Use import solid from 'esbuild-plugin-solid-js' not import { solid } from ...","message":"Default export only; named import will result in undefined.","severity":"gotcha","affected_versions":"all"},{"fix":"Consider using solid-js's vite plugin for faster builds if not tied to esbuild.","message":"Babel-based plugin may slow down builds compared to native esbuild transforms.","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Pass solid() as a plugin: plugins: [solid()]","cause":"Calling plugin incorrectly (solid instead of solid()).","error":"Error: transform: Plugin 'solid' returned non-object"},{"fix":"Run npm install esbuild-plugin-solid-js --save-dev","cause":"Package not installed.","error":"Cannot find module 'esbuild-plugin-solid-js'"},{"fix":"Change to import solid from 'esbuild-plugin-solid-js'","cause":"Using named import instead of default import.","error":"Property 'solid' does not exist on type 'typeof import(\"esbuild-plugin-solid-js\")'"},{"fix":"Set jsx to 'preserve' in tsconfig compilerOptions.","cause":"tsconfig.json missing jsx: 'preserve'.","error":"The JSX syntax is not enabled"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}