Palm Posts - Answer Overflow

Palm

•Created by Palm on 12/17/2024 in #support

vite-plugin-solid errors when doing `prop:x` instead of `prop:x={bool}`

Hello! I am attempting to use @material/web with SolidJS. Everything works pretty good so far but there's one issue that bugs me.

// Doing this works
<md-filled-text-field prop:required={true} />
// But this results in an error!
<md-filled-text-field prop:required />

// Doing this works
<md-filled-text-field prop:required={true} />
// But this results in an error!
<md-filled-text-field prop:required />

Editor/IDE doesn't complain, but the vite-plugin-solid does:

[vite] Internal server error: src\routes\login.tsx: Property arguments[2] of CallExpression expected node to be of a type ["Expression","SpreadElement","ArgumentPlaceholder"] but instead got "JSXEmptyExpression"
  Plugin: solid
  File: src/routes/login.tsx?pick=default&pick=$css
      at validate (node_modules\@babel\types\lib\definitions\utils.js:102:11)
      at validator (node_modules\@babel\types\lib\definitions\utils.js:78:7)
      at Object.validate (node_modules\@babel\types\lib\definitions\utils.js:178:7)
      at validateInternal (node_modules\@babel\types\lib\validators\validate.js:22:9)
      at Object.callExpression (node_modules\@babel\types\lib\builders\generated\index.js:359:3)
      ...

[vite] Internal server error: src\routes\login.tsx: Property arguments[2] of CallExpression expected node to be of a type ["Expression","SpreadElement","ArgumentPlaceholder"] but instead got "JSXEmptyExpression"
  Plugin: solid
  File: src/routes/login.tsx?pick=default&pick=$css
      at validate (node_modules\@babel\types\lib\definitions\utils.js:102:11)
      at validator (node_modules\@babel\types\lib\definitions\utils.js:78:7)
      at Object.validate (node_modules\@babel\types\lib\definitions\utils.js:178:7)
      at validateInternal (node_modules\@babel\types\lib\validators\validate.js:22:9)
      at Object.callExpression (node_modules\@babel\types\lib\builders\generated\index.js:359:3)
      ...

Having this issue in a SolidStart project, here are the dependencies:

├── @material/[email protected]
├── @solidjs/[email protected]
├── @solidjs/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

├── @material/[email protected]
├── @solidjs/[email protected]
├── @solidjs/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

Is this intended? Doesn't look like intended to me.

10 replies

SSolidJS

•Created by Palm on 4/13/2024 in #support

How do you do route transitions with SolidStart's <FileRoutes />?

I can't seem to do it using <FileRoutes /> but manually importing page components and declaring <Route>s work perfectly fine. Lazy importing works as well, even though not provided in the example. https://stackblitz.com/edit/github-1ydjnq?file=src%2Fapp.tsx

1 replies

Gaming

Programming