WebGlCoreShader: DynamicShader error on Vizio
I am following the sample project on github and attempting to build the UI with my own data/elements. The app renders in desktop browser but when I try to test on a actual Vizio device I get:
Nothing I have tried solves this issue - any help would be greatlly appreciated!...
Error: DynmaicShader: Vertex shader must have an attribute "a_color"!
Error: DynmaicShader: Vertex shader must have an attribute "a_color"!
Docker nginx proxy with Solid Start
Hi I am kind of new to reverse proxy. I have 3 containers frontend, backend and nginx.
My nginx config
```...
Vite Production Bundle
in production bundle ready signal doesnot change, but in development it fires correctly
Cloudflare Durable Objects
I am looking to deploy a simple solidstart app on cloudflare with bindings for durable objects. There are a few github issues from 2023 but they seem to be pretty out of date. Has anyone implemented this successfully?
Here is the error I am getting when I try to deploy:
```
✘ [ERROR] Your Worker depends on the following Durable Objects, which are not exported in your entrypoint file: Counter....
What's the right way to make `textarea` elements reactive?
I have a store that I pass to a component. When I output the store value, it is working for normal text (e.g inside
span), input elements, it does not show anything for textarea elements:
```tsx
const store = createStore([{
id: '1', value: 'hello'...Remounting Select Statements
I have three selects that have a user select a category and subcategory before they can pick their item since the item list is over 9,000 items. Once the parent is selected I fetch the next layer of data using tanstack-query/solid. The issue is that the entire form (tanstack-form/solid) seems to get re-renderd since the screen flashes and the user is sent to the top of the page, although the focus stays on the select correctly.
Can someone help me understand how to prevent this from happening?
Code...
Order of createAsync in component changes results
I'm getting results that make no sense. This sample SolidStart app has two databases
lettersDb and numbersDb. They are simple an array with methods for get and set. The arrays of numbers is rendered to routes/index.js. The problem is that it only renders letters or numbers. That is:
If I have the createAsync calls with numbers first, both letters and numbers renders numbers.
```js...Input focus problem when trying to retrieve data with createAsync
I have the following code where I try to call a server function based on the content of an input. The goal is to retrieve a list of cities based on the entered zip code.
My problem with this code is that each type I type something in the input, it looses the focus.
I found several information about input loosing focus because the input is recreated but I don't think I am in this case. I can't figure out the problem here....
Drag and Drop atlaskit
Hey, this isn’t really an issue with SolidJS, but since I’m building with it, I figured I’d ask here in case someone can help.
My draggable object has a square box that I can’t get rid of. Does anyone have an idea how to fix this?
```tsx...
How to add class to body in Solid Start
Probably a stupid beginners question, but I'm migrating my app from a Vite SPA to Solid Start and I have some tailwind classes on the body element but cannot find any examples anywhere of how to access the body element in Solid Start. I've looked through the docs, all the example in the repo, this discord and can't find anything. Below is my app.tsx
```ts
import { Router } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router";
import { Suspense } from "solid-js";...
Vercel build never ends
I've never had any issues with deploying a solid start app to vercel, but recently after i created a new project with
...
bun create solid and with the vite plugins I've always used (tailwindcss, vite-compression and solid-svg), my vercel builds have been stuck on:
⚙ Preparing app for vercel...
⚙ Preparing app for vercel...
Make component with only innerHTML
I'd like to make a SolidJS component with only innerHTML.
This is what I have currently, but I'd love to get rid of the <div>
```...
Layout
Hi! So uhm i feel awfull but still gonna ask bout it:
How to do an layout file in SolidStart?
I did read https://docs.solidjs.com/solid-router/concepts/layouts but i don't have an render but an:
```
export default function App() {...
Importing and displaying .md files with pagination in SolidStart
Hi! So i have some
.md files inside /src/content/blog.
I wanna import them and then display them (with pagination) in my index.tsx page.
What's the best way of doing this in SolidJS?...Failed to fetch errors on production
I'm capturing client exceptions on the server. Examples:
...
Failed to fetch dynamically imported module: https://groceryclub.shop/_build/assets/index-CI6v2rst.js
Failed to fetch dynamically imported module: https://groceryclub.shop/_build/assets/index-CI6v2rst.js
Is fallback prop necessary for suspense?
I tried to simplify this example as much as I can:
The provided code will render
userData() about 50% of the time when refreshing. The other 50% it seems to just be an empty string
My understanding is that Suspense should be used whenever you access an object from createAsync. I can confirm the data is being fetched correctly on the server from server logs. ...Using `querySelector*()` in a set reference function
From time to time I find the need to do something like this:
```ts
const setCalloutElementRef = (element: HTMLDivElement) => {
const closeElements = element.querySelectorAll('[data-global-notification-close="true"]');
};...
@web3-onboard/solid for SolidStart
I want to use this package on my solidstart app but there are many issues.
First I need ssr disabled otherwise I get error
localstorage is not defined on app start
Sometimes it runs the sign message twice
It won't redirect to /dashboard as expected and says localstorage is not defined
...Import 3rd party js from script tag
I am trying to integrate the Stripe pricing table. The instructs say to add this to my HTML
<script async src="https://js.stripe.com/v3/pricing-table.js"></script>. What is the best way to do this in SolidJS?SolidJS + PocketBase not working ?
Hi,
I'm trying to make a project using SolidJS (SolidStart) + PocketBase as the backend. But it seems like I can't even import the client library.
I get this error: ...