Hello I have a website using Builder.io + Qwik and on the CMS when I doing changes the editor doesn’t automatically refresh the page. I have to do it manually and is time consuming to do a simple change.
Any suggestions?
Thank you
Hello I have a website using Builder.io + Qwik and on the CMS when I doing changes the editor doesn’t automatically refresh the page. I have to do it manually and is time consuming to do a simple change.
Any suggestions?
Thank you
Hello @Blas,
Welcome to the Builder.io forum post.
Could you please confirm which version of “@builder.io/sdk-qwik” you are currently using? Additionally, if you could share the Builder content link where we can test this issue, it would be much appreciated.
You can find more information about the changes in the “@builder.io/sdk-qwik” version in the following link: Builder.io SDK Qwik Changelog
Thank you!
Hello @manish-sharma
Thank you for your response.
We are using the following:
“@builder.io/qwik”: “^1.3.0”,
“@builder.io/qwik-city”: “^1.3.0”,
“@builder.io/sdk-qwik”: “^0.4.5”
And the Builder content link is: Builder.io: Visual Development Platform
Thank you fro your help
Hello @Blas,
Could you please upgrade to the latest Qwik SDK version, which is 0.14.0 and let us know how that works for you?
Hello @manish-sharma,
I have tried uploading the package however, when I upload it to the server (Azure) I got an error 500 due to: Error: Worker was unable to load function render: 'Cannot find module ‘isolated-vm’.
Any suggestions?
Thank you,
Blas
Hello @Blas,
Can you try adding NODE_OPTIONS=--no-node-snapshot
to the command that runs your server?
Hello @manish-sharma,
Thank you for your help, tried that but doesn’t seem to work. Also, it seems that solution is for Mac M1 which is not my case.
Will try to investigate further in case there is something else we could do.
Hello @Blas,
You can try using a different node version!
Hello @Blas,
Are you using LTS version of node?
Hello @manish-sharma,
Yes tried with 18 and 20 latest LTS versions and same problem, I think it’s something to do with Azure it self as when I try locally on dev mode and preview all seems to work fine.
If the issue is related to the node version on Azure, then adding --no-node--snapshot
to the build command has been a successful solution for previous customers facing similar challenges. This flag helps to disable Node.js snapshots, which can sometimes cause compatibility issues or performance problems, particularly in certain deployment environments.
Hi @manish-sharma ,
Tried again with the flag after removing node_modules folder and ran npm install. What is happening is when running npm run preview or running the pipeline on the server it times out before finishing build.
Hello @Blas,
Are you getting any errors before the build timeout?
Hi @manish-sharma,
Fixed the timeout error but still have the same issue about isolated-vm. I’m considering not using qwik and use a different tool, could you please let me know which one is the best one to use?
Hello @Blas,
You can use NextJs, Vue or any other framework you are familiar with
Hello @manish-sharma,
Just a quick update, I found out that if you click crtl + Y on Builder.io editor it opens the developer settings. If I enable Safe Mode then the editor preview refreshes when making changes, so all fixed.
Still cannot update to latest sdk-qwik version due to the isolated-vm issue but at least can edit the pages.
Thank you for your help
To streamline your workflow with Builder.io + Qwik, consider implementing live reloading or hot module replacement (HMR). Look into whether these features are supported by Qwik or Builder.io out-of-the-box. Alternatively, explore using webhooks or callbacks from Builder.io to trigger website refreshes upon CMS changes.