Open aminya opened 3 months ago
Kobalte exports 2 builds, a precompiled client ESM and an uncompiled JSX version meant for server rendering.
It looks like Astro is importing the wrong one, I'll have a look.
I tested "@kobalte/core": "^0.13.1"
, but it still has the issue even with import Dialog from "@kobalte/core/dialog"
file:///node_modules/@kobalte/core/dist/chunk/XYP6O4WD.js:10
import { createComponent, mergeProps, memo, Portal } from 'solid-js/web';
^^^^
SyntaxError: The requested module 'solid-js/web' does not provide an export named 'memo'
at ModuleJob._instantiate (node:internal/modules/esm/module_job:134:21)
at async ModuleJob.run (node:internal/modules/esm/module_job:217:5)
at async ModuleLoader.import (node:internal/modules/esm/loader:323:24)
at async nodeImport (file:///node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55096:17)
at async ssrImport (file:///node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:54998:24)
at async eval (test.tsx:7:31)
at async instantiateModule (file:///node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:55058:9)
Could you also include the src
files and allow importing it from the package.json? Something like the following
Conversation continued in #408.
This seems to still be an issue with 0.13.3. Using @solid-js/start ^1 and I'm just sort of stuck and unable to even try Kobalte to see if it will work with my project at all.
This seems to still be an issue with 0.13.3. Using @solid-js/start ^1 and I'm just sort of stuck and unable to even try Kobalte to see if it will work with my project at all.
408 wasn't published yet, so I pulled down the repo, built core, and plugged it into my node_modules, but the issue is still present.
You should import the src files instead of dist files manually
Not really sure how this is intended to happen. Documentation and the PR referenced make no indication of the issue or how to work around it.
Instead of importing the dialog via import Dialog from "@kobalte/core/dialog"
, import it like @kobalte/core/src/dialog
.
The documentation should mention this somewhere. Or better just not include built files and let the bundlers take care of this. There is no benefit in including these dist files IMO.
Hey @aminya, did you revalidate this issue recently? I just set up a fresh astro project, added the solid integration and kobalte works perfectly fine for me.
With both import { Dialog } from "@kobalte/core"
(deprecated) and import { Dialog } from "@kobalte/core/dialog"
Describe the bug
I am trying to use Kobalte in Astro, but it errors out because of missing
effect
export insolid-js/web
when it tries to do server-side rendering it seems.To Reproduce Steps to reproduce the behavior:
client:load
for the Solid-js component@kobalte/core
Expected behavior
solid-js/web
doesn't export effect in some scenarios. That should be handled.Screenshots
Desktop (please complete the following information):
Additional context
The versions: