Join the Webstudio community

Updated 5 months ago

route-templates | html.tsx | Problem with build with Netlify or Vercel.

At a glance

A community member is trying to set up Webstudio through the CLI and is encountering a "html.tsx missing" error. They have tried various steps, including adding the file manually and skipping the step, but are still facing problems when trying to run the build locally. Other community members have reported similar issues, and the discussion includes suggestions to update the CLI version, clear the cache in Vercel, and potentially start over with a new project. The community members are also discussing potential conflicts with Vercel's recent changes to the build system for Remix projects, and the need to update the Vercel template to address this issue.

Useful resources
Hi, I'm trying to set up Webstudio through the CLI.
Initially, I attempted to use a few commands from the export process, but something crashed.
After this, I consulted the documentation at https://docs.webstudio.is/university/self-hosting/cli.
Following the steps there, I keep encountering a "html.tsx missing" error. I've even tried to add this file manually, along with two others, and I've attempted to skip this step. However, I'm always facing problems when trying to run the build locally.
Do you have any thoughts on this?
Node version: v20.17.0
Webstudio version: 0.179.0
Attachment
CleanShot_2024-09-11_at_07.51.262x.png
3
๊น€
O
j
11 comments
@jkrishna any chance you know what this is?
I will check it once now, i don't know about the html.tsx file myself. Will update it here
Hi @NCG can you update the cli version once and check the flow again please. I just tested the flows and see to work fine. If there are any specific steps or commands that you are following would be very helpful too
@jkrishna so once again i've tried npx webstudio@latest the same situation as above, but i've checked the webstudio --version 0.179.0 so is the same, there is another version or a way to update ?
Hello. Any updates on this issue? I'm having the same exact problem. In our case, it's on an existing project that was previously published w/o issue to Vercel around 6 months ago. Made a couple very simple revisions this past week and have had zero luck getting them deployed thanks to this missing html.tsx error. It's holding us back from utilizing a new feature for our business we'd really like to see go live as soon as possible. Any ideas or suggestions would be greatly appreciated!

I can also create a new post for this if prefered, though the error message is identical in my case. webstudio --version is also 0.179.0 in my case.

P.S. I'm not sure if this is relevant, but maybe worth mentionin g webstudio sync in my case just outputs "[object Object]"
team is already sleeping, but I am pinging them
Probably some incompatible changes happened within 6 months. I think the fastest way would be to delete the folder with local project and start over webstudio init
Let us know it helps
Heya, i tested again with multiple projects yesterday. Looks like, there are certain things we can try to narrow this down.
  • clear cache in vercel and select re-deploy.
  • can you share us any vercel.json if generated. Or the remix-config if there any any files that are generated in the process.
  • Looks like vercel introduced legacy and vite based build systems for remix recently.
So, that might be conflicting with older projects which are already built using legacy build system. And it might be trying to build using vite on top of it with latest. So, a clear of the project will help to solve the issue.

If the clearing of the project helps, we need to add vercelPresets by default to the vercel template.
https://vercel.com/docs/frameworks/remix
Looks like, if there are no options specified, they are trying to run vite build on top of legacy project built with pre-vite settings. We should update the vercel template ones, if a new build of the app is working as expected
https://github.com/vercel/vercel/blob/main/packages/remix/src/build.ts#L7
Add a reply
Sign up and join the conversation on Discord