Landing Page doesn't display
I just created a new OpenSAAS project and ran the other commands including wasp start but the page doesnt display anything, it also doesn't give any error message in the browser console or in the terminal.
9 Replies
Hi @chilled_techie. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
This issue seems to be related to running an OpenSaaS project with Wasp. Based on the information provided in the knowledge sources, there are a few potential reasons and solutions to explore:
1. Port conflicts: Make sure there are no other services running on ports 3000 or 3001. You can try terminating any services using these ports and then restart your Wasp app Discord support thread (https://discord.com/channels/686873244791210014/1213958217537814640).
2. Environment variables: If you're using Gitpod or a similar cloud development environment, you may need to set specific environment variables. For OpenSaaS, ensure you've set
WASP_WEB_CLIENT_URL in .env.server and REACT_APP_API_URL to match your server URL Discord support thread (https://discord.com/channels/686873244791210014/1217758453326680095).
3. WSL issues: If you're using Windows Subsystem for Linux (WSL), make sure your project is on the Linux file system, not the Windows file system. Hot reloading won't work if the project is on the Windows file system Discord support thread (https://discord.com/channels/686873244791210014/1213985542480597022).
4. Database migrations: Ensure you've run the necessary database migrations. Try running wasp db migrate-dev if you haven't already Discord support thread (https://discord.com/channels/686873244791210014/1217295340785635418).
5. Restarting the app: Sometimes, simply restarting the app can resolve issues. Try stopping the Wasp process (Ctrl+C), then run wasp clean followed by wasp start Discord support thread (https://discord.com/channels/686873244791210014/1213958217537814640).
If none of these solutions work, you may need to provide more detailed information about your setup and any specific error messages you're seeing, even if they're not appearing in the browser console or terminal. It's possible there might be subtle issues that aren't immediately apparent.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @chilled_techie, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?did you turn off ublock origin?
Could check the terminal to see on which port is the client running?
So, the page loads but was just blank, I could see something in view-source, I traced it to the network tab and saw that the browser couldn't load "admin/dashboards/analytics/PageViewSourcesTable.tsx" . I even started a fresh saas project from scratch and still observed the same issue. For now, I commented out the AdminRoute and the page has displayed.
/* route AdminRoute { path: "/admin", to: AnalyticsDashboardPage }
page AnalyticsDashboardPage {
authRequired: true,
component: import AnalyticsDashboardPage from "@src/admin/dashboards/analytics/AnalyticsDashboardPage"
} */
@chilled_techie did you try this? sometimes ad blockers mess the template (we'll fix this in the next iteration) but for now you should disable the ad blocker for localhost
Ah yes this must be it! Luckily we already have fix for this, will be coming with the next update for OpenSaas.
@miho that was it. Thanks.
For anyone having a similar problem with uBlock. I just added a Trusted sites exemption like below:
Wohooo @chilled_techie, you just became a Waspeteer level 1!