at hydrate$1 (chunk-7AJMTGTN.js?v=21c60a0b:326:23)
at hydrate (chunk-7AJMTGTN.js?v=21c60a0b:688:10)
at mount (mount.js?v=21c60a0b:80:10)
at entry-client.tsx:4:1```#Javascript not executing
grizzled compass
at (index):140:69926
client:789 [vite] connecting...
chunk-32CBI3N4.js?v=aa89031f:326 Uncaught TypeError: Cannot read properties of undefined (reading 'done')
at entry-client.tsx:4:1
i am working with solid start , project was working fine , but suddenly after coming back and starting the server , nothing was working , css was loading slowly , no single javascript is working
full parrot
missing _$HY means that the HydrationScript is missing
grizzled compass
missing _$HY means that the HydrationScript is missing
and that means?
import { mount, StartClient } from "@solidjs/start/client";
mount(() => <StartClient />, document.getElementById("app")!);```
this?no it's a server-side thing. What does your server entry look like
grizzled compass
no it's a server-side thing. What does your server entry look like
import { createHandler, StartServer } from "@solidjs/start/server";
export default createHandler(() => (
<StartServer
document={({ assets, children, scripts }) => (
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/logo.png" />
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:[email protected]&display=swap" rel="stylesheet"></link>
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet"></link>
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet"></link>
<link href="https://fonts.googleapis.com/css2?family=Rubik:[email protected]&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet"></link>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:[email protected]&display=swap" rel="stylesheet"></link>
</head>
<body>
<div id="app">{children}</div>
{scripts}
</body>
</html>
)}
/>
));
default ig
full parrot
hmm okay interesting. @grizzled compass what's your SSR mode? sync, async or stream?
grizzled compass
hmm okay interesting. <@1094096843337633812> what's your SSR mode? sync, async o...
i didn't changed anything , everything should be at default
import tailwindcss from "@tailwindcss/vite";
export default defineConfig({
vite: {
plugins: [tailwindcss()]
}
});
just tailwind
full parrot
i didn't changed anything , everything should be at default
have you tried clearing the build cache, regenerating node_modules/lock file?
grizzled compass
have you tried clearing the build cache, regenerating node_modules/lock file?
i regenerated modules
lemme do lock file also
i mean it also get regenerated at npm i but did again nothing helped
grizzled compass
have you tried clearing the build cache, regenerating node_modules/lock file?
btw can u give the command of deleting cache?
i donno bro what happened suddenly javascript just refuses to execute
full parrot
I think it's rm node_modules/.vite && rm node_modules/.cache && rm .output
full parrot
i donno bro what happened suddenly javascript just refuses to execute
it refuses because there's an error on the client-side
grizzled compass
I think it's `rm node_modules/.vite && rm node_modules/.cache && rm .output`
yeah i regenerated whole node_modules so ig caches also clears
grizzled compass
i am in local
i was working last to last night i , then i gotta go so i closed the vs code butwhen i reopened again everything broke
it's just this
grizzled compass
@full parrot :(
"compilerOptions": {
"target": "ESNext",
"module": "ESNext",
"moduleResolution": "bundler",
"allowSyntheticDefaultImports": true,
"esModuleInterop": true,
"jsx": "preserve",
"jsxImportSource": "solid-js",
"allowJs": true,
"noEmit": true,
"strict": true,
"types": ["vinxi/types/client"],
"isolatedModules": true,
"paths": {
"~/*": ["./src/*"]
}
}
}
``` my ts configthis isn't related to the error
grizzled compass
yeah I mean does the error show up in dev mode not in build?
i didnt tested the build
but ig should be the same
grizzled compass
yeah I mean does the error show up in dev mode not in build?
like what could be the reason, you close a project , you reopen it , and hydration fails?
full parrot
the hydration script was missing from the html for some reason
it was to be included in the SSR
it was an inline script
grizzled compass
btw inline js is working. cause ig it's not included in hydration
but anyway so .. what can i do now?
full parrot
btw inline js is working. cause ig it's not included in hydration
are you referring to the console, because it works regardless if the page had an error
grizzled compass
hm
full parrot
but anyway so .. what can i do now?
the problem is too vague atm, w/o knowing the entire setup I can't really give much of an answer. needs further debugging
grizzled compass
the problem is too vague atm, w/o knowing the entire setup I can't really give m...
what you need?
should i give you remove access or what?
full parrot
Okay I think I'll have to see the initial HTML
try view-source
I needed to know what the page looks like on initial request
grizzled compass
I needed to know what the page looks like on initial request
and how you do that?
full parrot
```// @refresh reload
import { createHandler, StartServer } from "@solidjs/start...
oh assets is missing here
// @refresh reload
import { createHandler, StartServer } from "@solidjs/start/server";
export default createHandler(() => (
<StartServer
document={({ assets, children, scripts }) => (
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
{assets}
</head>
<body>
<div id="app">{children}</div>
{scripts}
</body>
</html>
)}
/>
));
setup should be like this
grizzled compass
oh assets is missing here
is it possible me to ignore this and copy new font on assests
anyway thanks..