S
SolidJS•13mo ago
anhvu0911

Using CSR mode, got asset error when there is a new build

I have a SolidStart project configured to use Client-side rendering (set ssr:false in vite.config.js) and deployed to Google Cloud. When there is a new deploy, the new bundle is generated with new hash. The browser is using the old bundle, so when I change pages, I got the bundle error as attached. What can I do to solve this?
4 Replies
Alex Lohr
Alex Lohr•13mo ago
Have you tried to invalidate the cache?
high1
high1•13mo ago
This can only happen if the index page is cached itself - vite will always generate new hashes for bundle to avoid cache issues. There should be a way to disable caching just for the page that loads the bundle on the Google Cloud - Netlify uses headers for this. A meta tag should work also <meta http-equiv="Cache-Control" content="no-store" />
anhvu0911
anhvu0911•13mo ago
Thanks, I tried adding these and it worked 
<Meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate" />
<Meta http-equiv="Pragma" content="no-cache" />
<Meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate" />
<Meta http-equiv="Pragma" content="no-cache" />
Ref: https://stackoverflow.com/questions/34851243/how-to-make-index-html-not-to-cache-when-the-site-contents-are-changes-in-angula Now, let's see what those values mean.
Stack Overflow
How to make index.html not to cache when the site contents are chan...
Normally for .js and .css file we will append a version during build like xx.js?v=123, and then after website deploy, we can get the new version of js and CSS. But I don't see a place talking about...
high1
high1•13mo ago
Pragma is old HTTP 1.0 spec I think
Want results from more Discord servers?
Add your server
More Posts
Deployment Failure on NetlifyNot sure if the problem is with the lockfile or the pnpm version? 2:37:15 PM: Found pnpm version (7onClick event not appearing in DOMHi I have my Popup component as child to my Modal component. I would like to set an onClick event onHow should i render components stored in array?```js const arr = [<Component props={$prop}>, <ComponentTwo props={$prop}>] return( <For each={arrHow "beta" is SolidStart?Hey, sorry for the weird phrasing of the question. I am currently starting a new small customer proRemove item from store list?I have tried: ```typescript const itemId = 5; setMainStore( "mylist", produce((mylist: number[] setstore mutate more than one property in one callAssume I have a store with a list of objects. Can I write a single call to setStore() (without prodResource refetch doesn't trigger effectI have this effect in my **root** layout (solid-start) ```ts const user = useUser(); crTriggering css transition on signal change?Is that possible? Just when reactive variable gets changed, it would just do simple fade-in.`@solidjs/router` doesn't seem to work with CapacitorIn my `index.tsx`, I defined the routing like this ``` <Router> <Routes> <Route path="/" compremove url params using setSearchParamsis there a way to remove a param from an url using setSearchParams?