Wasp•2y ago

Template Signup Network Error

Hey, I cloned the open-saas template, connected external DB, migrated and seeded it successfully. When I start the server and try to signup (username and pass), I get a Network Error and some errors in the console that I can't figure out where they are coming from Please help :sadboi:

miho•3/14/24, 8:59 AM

Howdy

could you check your terminal and see if there are any server errors there?

Also, could you check your Wasp version with

wasp version

wasp version

and share it here.

yanchokOP•3/14/24, 9:04 AM

gitpod /workspace/open-saas (main) $ wasp version
0.12.4

yanchokOP•3/14/24, 9:05 AM

No errors in the terminal

miho•3/14/24, 9:51 AM

Do you have something else running on port 3001?

yanchokOP•3/14/24, 10:06 AM

No, I don't

miho•3/14/24, 10:10 AM

I guess you are running this in WSL

maybe there are some weird connectivity issues with the port 3001

@Boris pls help, how to debug further?

yanchokOP•3/14/24, 10:22 AM

I'm running it on Gitpod

MEE6•3/14/24, 10:22 AM

Wohooo @yanchok, you just became a Waspeteer level 1!

miho•3/14/24, 10:30 AM

Okay, now I understand the setup much better.

You probably need to open the 3001 port on Gitpod and set the
```
WASP_WEB_CLIENT_URL
```
```
WASP_WEB_CLIENT_URL
```
env var in
```
.env.server
```
```
.env.server
```
to match your client URL.
You also probably need to set the REACT_APP_API_URLREACT_APP_API_URL to your server URL on Gitpod

@Vinny (@Wasp) might be able to offer some extra info

Vinny•3/14/24, 10:34 AM

oh we haven't tested openSaaS on gitpod yet @yanchok, but we have an older version of wasp running on gitpod. maybe you can check the settings here and bring them over to your open saas instance, specifically the .gitpod.Dockerfile and .gitpod.yml >> https://github.com/wasp-lang/gitpod-template

GitHub

GitHub - wasp-lang/gitpod-template

Contribute to wasp-lang/gitpod-template development by creating an account on GitHub.

yanchokOP•3/14/24, 10:38 AM

Thanks a lot! I'll try to copy the settings

martinsos•3/14/24, 2:20 PM

Yeah Gitpod will be a bit tricky, any specific reason why you wnat to run it on Gitpod?

yanchokOP•3/14/24, 2:44 PM

Because my pc is windows and I don't have admin rights to install wsl...

yanchokOP•3/14/24, 2:46 PM

So far i can't get the open-saas template run on gitpod, do you have any ideas?

Yyanchok So far i can't get the open-saas template run on gitpod, do you have any ideas?

Vinny•3/14/24, 4:09 PM

have you copied

.env.server.example

.env.server.example

.env.server

.env.server

? you can do that via the terminal with cp .env.server.example .env.servercp .env.server.example .env.server

Vinny•3/14/24, 4:09 PM

yanchokOP•3/14/24, 4:10 PM

Yes

Vinny•3/14/24, 4:10 PM

maybe if you share some more details we can help further, for example, what errors you're getting

yanchokOP•3/14/24, 4:11 PM

the errors are on the browser console only (first image i shared)

Yyanchok the errors are on the browser console only (first image i shared)

Vinny•3/14/24, 4:13 PM

your gitpod server won't be running on localhost:3001

Vinny•3/14/24, 4:13 PM

thats only for local development

Mmiho Okay, now I understand the setup much better. - You probably need to open the 3...

Vinny•3/14/24, 4:14 PM

as Miho said you need to update these env vars in your gitpod instance

Vinny•3/14/24, 4:15 PM

that's what is happening in the yml file https://github.com/wasp-lang/gitpod-template/blob/main/.gitpod.yml

GitHub

gitpod-template/.gitpod.yml at main · wasp-lang/gitpod-template

Contribute to wasp-lang/gitpod-template development by creating an account on GitHub.

Vinny•3/14/24, 4:16 PM

if you have that at the root of your github repo and gitpod project then it should work

Vinny•3/14/24, 4:16 PM

try restarting it perhaps

Vinny•3/14/24, 4:19 PM

so when I run our wasp gitpod template example, I see the server url is https://3001-wasplang-gitpodtemplate-n2go826pn44.ws-eu110.gitpod.io/auth/me

Vinny•3/14/24, 4:19 PM

rather than localhost

VVinny oh we haven't tested openSaaS on gitpod yet @yanchok, but we have an older versi...

Vinny•3/14/24, 4:19 PM

maybe test things out with this first, to get a feel for how it works

Vinny•3/14/24, 4:20 PM

but if you can install WSL on windows, that will make your life a lot easier

yanchokOP•3/14/24, 4:33 PM

Wow I got it to work! Thanks a lot for the help!

Yyanchok Wow I got it to work! Thanks a lot for the help!

Vinny•3/14/24, 4:52 PM

oh that's great! how did you resolve the issue?

yanchokOP•3/14/24, 5:00 PM

As you said I added the env vars. That was the thing i was missing.

MEE6•3/14/24, 5:00 PM

Wohooo @yanchok, you just became a Waspeteer level 2!

yanchokOP•3/14/24, 5:09 PM

I can make it easier to start with gitpod and make a pull request. There could be an easy button "open on gitpod" in the readme as well. What do you think @Vinny (@Wasp) ? :boi:

Yyanchok I can make it easier to start with gitpod and make a pull request. There could b...

Vinny•3/14/24, 5:16 PM

sure that would be great. Ill take a look at it tomorrow :godfatherboi:

yanchokOP•3/15/24, 12:12 PM

Hmm, turns out it only works with email/password but not username/password. When you use a username, the instance starts, but there is only blank screen.

Yyanchok Hmm, turns out it only works with email/password but not username/password. When...

Vinny•3/15/24, 12:17 PM

you can try it out with username/password but for stripe payments to work you need to use Google, Github, or Email auth

Yyanchok Hmm, turns out it only works with email/password but not username/password. When...

Vinny•3/15/24, 12:18 PM

are you seeing any errors when using username/password?

VVinny you can try it out with username/password but for stripe payments to work you ne...

yanchokOP•3/15/24, 12:20 PM

oh, ok

VVinny are you seeing any errors when using username/password?

yanchokOP•3/15/24, 12:21 PM

Only on the browser console

Yyanchok Only on the browser console

Vinny•3/15/24, 12:22 PM

it looks like you're importing the Email Verification method in the main.wasp file but you haven't uncommented out the code in that file

Vinny•3/15/24, 12:22 PM

make sure you read about it in the docs here https://docs.opensaas.sh/guides/authentication/

OpenSaaS.sh

Authentication

Open SaaS is a free, open-source, full-stack SaaS starter kit for React + NodeJS.

nitish30•3/22/24, 7:34 AM

Hi, I am using gitpod. It seems there is CORS issue. Access to XMLHttpRequest at 'https://3001-nitishymtpl-helm-8yx30aljes6.ws-us110.gitpod.io/auth/me' from origin 'https://3000-nitishymtpl-helm-8yx30aljes6.ws-us110.gitpod.io' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

MEE6•3/22/24, 7:34 AM

Wohooo @nitish30, you just became a Waspeteer level 1!

nitish30•3/22/24, 7:34 AM

Appreciate the insights to fix this issue.

Mmiho Okay, now I understand the setup much better. - You probably need to open the 3...

miho•3/22/24, 8:40 AM

This is probably what you are looking for

nitish30•3/23/24, 2:19 AM

Hi @miho, I already did it. However same problem persist.

miho•3/23/24, 9:10 AM

What did you try doing so far? We need a bit more information to be able to help you

Besides that error above, what else are you seeing? Did you create .env.client.env.client with the REACT_APP_API_URLREACT_APP_API_URL to your server URL? Did you try basic stuff like restarting the app?

nitish30•3/23/24, 10:40 AM

In .env.server, I added: WASP_WEB_CLIENT_URL=https://3000-nitishymtpl-helm-98clwhfoi7c.ws-us110.gitpod.io
In .env.client, I added:
REACT_APP_SOME_VAR_NAME=foo
REACT_APP_API_URL=https://3001-nitishymtpl-helm-98clwhfoi7c.ws-us110.gitpod.io

nitish30•3/23/24, 10:41 AM

Template Signup Network Error

Similar Threads

Similar Threads

Similar Threads