Browser error
im gettting this error and the app wont load in my browser when i run wasp start (the error is too long to display here )
[ Client!] Error in error handler:
[ Client!] Error: offset is longer than source length! offset 7567 > length 6180
[ Client!] at numberToPos (file:///home/faith/testsaas/app/.wasp/out/web-app/node_modules/vite/dist/node/chunks/dep-0AosnpPU.js:9861:11)
[ Client!] at TransformPluginContext._formatError (file:///home/faith/testsaas/app/.wasp/out/web-app/node_modules/vite/dist/node/chunks/dep-0AosnpPU.js:47389:25)
[ Client!] at TransformPluginContext.error (file:///home/faith/testsaas/app/.wasp/out/web-app/node_modules/vite/dist/node/chunks/dep-0AosnpPU.js:47372:16)
[ Client!] at EnvironmentPluginContainer.transform (file:///home/faith/testsaas/app/.wasp/out/web-app/node_modules/vite/dist/node/chunks/dep-0AosnpPU.js:47223:13)
[ Client!] at async loadAndTransform (file:///home/faith/testsaas/app/.wasp/out/web-app/node_modules/vite/dist/node/chunks/dep-0AosnpPU.js:41030:27)
[ Client!] at async viteTransformMiddleware (file:///home/faith/testsaas/app/.wasp/out/web-app/node_modules/vite/dist/node/chunks/dep-0AosnpPU.js:42474:24)
[ Client!]
[ Client!] 2:13:39 PM [vite] Internal server error: [postcss] Unexpected token, expected "]" (316:11)
[ Client!] Plugin: vite:css
[ Client!] File: /home/faith/testsaas/app/src/client/Main.css:undefined:NaN
[ Client!] at unexpected (/home/faith/testsaas/app/node_modules/sucrase/dist/parser/traverser/util.js:99:15)
[ Client!] at expect (/home/faith/testsaas/app/node_modules/sucrase/dist/parser/traverser/util.js:86:5)
[ Client!] at parsePropertyName (/home/faith/testsaas/app/node_modules/sucrase/dist/parser/traverser/expression.js:903:18)
4 Replies
Hi @Bruno Njeru. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the error message you've provided, it seems you're encountering a browser error when trying to run your Wasp application. This type of error can occur due to various reasons, but let's try to address it based on the information available in our knowledge sources.
1. First, make sure you're using the latest version of Wasp. You can update it by running:
Github Issue #1527 (https://github.com/wasp-lang/wasp/issues/1527)
2. The error message suggests there might be an issue with your CSS file (
/home/faith/testsaas/app/src/client/Main.css). It's possible that there's a syntax error in your CSS. Double-check this file for any misplaced brackets or other syntax issues.
3. If the problem persists after updating Wasp and checking your CSS, you might want to try restarting wasp start. Sometimes, simply restarting the process can resolve such issues.
4. If restarting doesn't help, you could try clearing your browser cache or using a different browser to rule out any browser-specific issues.
5. In some cases, these errors can be caused by file watching issues. If you're working with a large number of files, you might hit a file limit. As a temporary workaround, you could try increasing the file limit:
Then run wasp start again. Discord support thread (https://discord.com/channels/686873244791210014/1212533517360177253)
6. If none of the above solutions work, it would be helpful to share more details about your project. You might want to consider stripping down your app to a minimal working example that still produces the error, which could help in identifying the root cause.
If the problem persists after trying these steps, you might want to reach out to the Wasp community on Discord or GitHub with more details about your project structure and the steps to reproduce the error. They might be able to provide more specific guidance based on your particular setup.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @Bruno Njeru, 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?Hey @Bruno Njeru, does this happen on a clean installation? Are you using open saas?
I'll need some more details before I can help 🙂
I'm using open-saas. I started a new project and copied the files. Problem solved @Filip
Glad to hear it @Bruno Njeru!
How did you solve it?