SolidJS•2y ago•

22 replies

Dependency configuration in Astro

I'm trying to add

solid-bootstrap

solid-bootstrap

as a dependency in an Astro + Solid project. This results in the

solid

solid

export flag being turned on, so

solid-bootstrap

solid-bootstrap

exports

dist/esm/index.jsx

dist/esm/index.jsx

by default. Then I get the error

Could not import ./Accordion

Could not import ./Accordion

, I guess because

.jsx

.jsx

isn't getting resolved as a default extension.

I feel like this is probably standard... Is there some Vite configuration I should add? I tried

vite: {
    optimizeDeps: {include: 'solid-bootstrap'},
    ssr: {noExternal: ['solid-bootstrap']},
  },

vite: {
    optimizeDeps: {include: 'solid-bootstrap'},
    ssr: {noExternal: ['solid-bootstrap']},
  },

(and also

optimizeDeps.exclude

optimizeDeps.exclude

) but didn't see any difference.
Alternatively, is

solid-bootstrap

solid-bootstrap

doing something wrong? I thought it worked with SSR... But maybe not Astro?