Railway error on path | Railway | Page 1

halcyon compass May 10, 2023, 10:17 PM

#

I'm getting this one railway
Path: /
Retry window: 5m0s

Attempt #1 failed with service unavailable. Continuing to retry for 4m59s
Attempt #2 failed with service unavailable. Continuing to retry for 4m58s
Attempt #3 failed with service unavailable. Continuing to retry for 4m56s
Attempt #4 failed with service unavailable. Continuing to retry for 4m52s
Attempt #5 failed with service unavailable. Continuing to retry for 4m44s
Attempt #6 failed with service unavailable. Continuing to retry for 4m28s
Attempt #7 failed with service unavailable. Continuing to retry for 3m58s
Attempt #8 failed with service unavailable. Continuing to retry for 3m28s
Attempt #9 failed with service unavailable. Continuing to retry for 2m58s
Attempt #10 failed with service unavailable. Continuing to retry for 2m28s
Attempt #11 failed with service unavailable. Continuing to retry for 1m58s
Attempt #12 failed with service unavailable. Continuing to retry for 1m28s
Attempt #13 failed with service unavailable. Continuing to retry for 58s
Attempt #14 failed with service unavailable. Continuing to retry for 28s

1/1 replicas never became healthy!
Healthcheck failed!

is this whats causing it?

vast stumpBOT May 10, 2023, 10:17 PM

#

Project ID: N/A

halcyon compass May 10, 2023, 10:17 PM

#

n/a

onyx juniper May 10, 2023, 10:25 PM

#

is this a create react app?

halcyon compass May 10, 2023, 10:25 PM

#

its using Vite

onyx juniper May 10, 2023, 10:26 PM

#

based

#

could i see your repo?

halcyon compass May 10, 2023, 10:27 PM

#

sure

#

https://github.com/HondaChan14/Bit-Source

GitHub

GitHub - HondaChan14/Bit-Source

Contribute to HondaChan14/Bit-Source development by creating an account on GitHub.

onyx juniper May 10, 2023, 10:31 PM

#

you are missing a start command, use the start command from this template
https://github.com/brody192/vite-react-template

#

you will also need to install serve with npm i serve

halcyon compass May 10, 2023, 10:32 PM

#

😮 ohhh ima look up what serve does

onyx juniper May 10, 2023, 10:32 PM

#

read that templates readme

#

and also lookup what serve does too

halcyon compass May 10, 2023, 10:33 PM

#

ohhh wow yeah ima check it out now

halcyon compass May 10, 2023, 10:42 PM

#

onyx juniper and also lookup what serve does too

is this part of the script needed>?

-s -n -L -p $PORT

onyx juniper May 10, 2023, 10:42 PM

#

um yes

halcyon compass May 10, 2023, 10:44 PM

#

okay its having a hard time with
Error: Unknown --listen endpoint scheme (protocol): undefined

onyx juniper May 10, 2023, 10:44 PM

#

is that an error from railway?

halcyon compass May 10, 2023, 10:47 PM

#

sorry i was wrong umm i still get the same

Path: /
Retry window: 5m0s

Attempt #1 failed with service unavailable. Continuing to retry for 4m59s
Attempt #2 failed with service unavailable. Continuing to retry for 4m58s
Attempt #3 failed with service unavailable. Continuing to retry for 4m56s

#

Okay now the front client side works now im having problem with the server side haha XD

onyx juniper May 10, 2023, 10:51 PM

#

whats wrong with the server

halcyon compass May 10, 2023, 10:52 PM

#

im getting this

Acess to fetch at 'http://localhost:8000/' from origin 'https://bit-source-production-3798.up.railway.app' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'http://localhost:3000' that is not equal to the supplied origin. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

onyx juniper May 10, 2023, 10:52 PM

#

halcyon compass sorry i was wrong umm i still get the same Path: / Retry window: 5m0s Attempt...

its normal for this to happen a few times while your app starts up

halcyon compass May 10, 2023, 10:52 PM

#

I'd thught this had fixed it

const corsOptions = {
origin: process.env.Origin,
};

app.use(cors(corsOptions));
app.use(express.json());
app.use((req, res, next) => {
res.setHeader('Content-Type', 'application/json');
next();
});

#

but i guess not

onyx juniper May 10, 2023, 10:53 PM

#

you cant request something over http from a site accessed over https

#

you need to send fetch requets to your backend domain (https://bit-source-production-3798.up.railway.app/), not localhost

halcyon compass May 10, 2023, 10:56 PM

#

ohh so i would change this. So i guess best practice is to make it into an env variable?

onyx juniper May 10, 2023, 10:57 PM

#

yeah an environment variable would be a good idea

halcyon compass May 10, 2023, 10:58 PM

#

ima try it out! hopefully it works but i wanna say you are a master wizard ❤️

onyx juniper May 10, 2023, 10:59 PM

#

no problem 🙂

#

wow, are you ever in luck

#

a RAILWAY_{serviceName}_STATIC_URL variable was just added, you no longer need to add your own hard coded variable

#

https://docs.railway.app/develop/variables#railway-provided-variables

halcyon compass May 10, 2023, 11:09 PM

#

HYPERS let me check it out ty!

onyx juniper May 10, 2023, 11:15 PM

#

you can also do this, say you had a service named energized soda you could access the domain for it with the variable RAILWAY_SERVICE_ENERGIZED_SODA_URL

halcyon compass May 10, 2023, 11:15 PM

#

what does it mean by service name?

onyx juniper May 10, 2023, 11:16 PM

#

the name of the server service

#

halcyon compass May 10, 2023, 11:16 PM

#

peepoShy ohh lol

onyx juniper May 10, 2023, 11:32 PM

#

https://github.com/HondaChan14/Bit-Source/blob/585f9bc72da941cb4bd09156b7f5af333ec865c7/client/src/pages/Home/LandingPage.jsx#LL10C9-L10C9
it should be

const response = await fetch(import.meta.env.RAILWAY_BIT_SOURCE_URL);

halcyon compass May 10, 2023, 11:33 PM

#

ohh its not import.meta.env.RAILWAY_BIT_SOURCE_STATIC_URL ?

onyx juniper May 10, 2023, 11:34 PM

#

i forgot this was vite for a sec, my bad

halcyon compass May 10, 2023, 11:34 PM

#

its okay! 🙂

onyx juniper May 10, 2023, 11:35 PM

#

let me know it that works

halcyon compass May 10, 2023, 11:39 PM

#

No 😦
dex-6dcfe425.js:67 SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON is coming from LandingPage
(

onyx juniper May 10, 2023, 11:40 PM

#

status code?

halcyon compass May 10, 2023, 11:40 PM

#

304

#

onyx juniper May 10, 2023, 11:40 PM

#

are you sure?

#

show me the address its requesting to please

halcyon compass May 10, 2023, 11:42 PM

#

onyx juniper May 10, 2023, 11:43 PM

#

and what's your backend service's domain?

#

and I also realized that you'd need to prefix the value from that variable with https://

halcyon compass May 10, 2023, 11:46 PM

#

my backend is running on port http://localhost:8000

onyx juniper May 10, 2023, 11:49 PM

#

you would need to be running your backend on railway so that when you are running the frontend on railway, the frontend can access the backend

halcyon compass May 10, 2023, 11:50 PM

#

ohh so I would have to make a new project setup?

onyx juniper May 10, 2023, 11:50 PM

#

no just add another service to your current project

#

add an empty service, set the correct root directory, then add the repo

halcyon compass May 10, 2023, 11:55 PM

#

omg i cant be this dumb legend_stare

onyx juniper May 10, 2023, 11:55 PM

#

haha no worries mate

halcyon compass May 10, 2023, 11:55 PM

#

okay i made a new domain for the backend

onyx juniper May 10, 2023, 11:58 PM

#

screenshot of entire project please?

halcyon compass May 10, 2023, 11:58 PM

#

#

onyx juniper May 10, 2023, 11:59 PM

#

what one is the backend and what one is the front-end

halcyon compass May 10, 2023, 11:59 PM

#

Top is front end bottom is back end

onyx juniper May 11, 2023, 12:02 AM

#

then why does the backend deployment show a commit that was made to the frontend code

halcyon compass May 11, 2023, 12:03 AM

#

#

hmmm

onyx juniper May 11, 2023, 12:09 AM

#

okay prob just a display bug

#

i see your backend uses mongodb

#

you will need to add a mongodb plugin to your project, then setup the variable references
https://docs.railway.app/develop/variables#reference-variables
then show me a screenshot of your backends service variables

halcyon compass May 11, 2023, 12:11 AM

#

im geting this in the deploy log for the backend

npm WARN config production Use --omit=dev instead.

[email protected] start
node server.js
Connected to database
Listening on port 8000

#

😮

onyx juniper May 11, 2023, 12:12 AM

#

lots to do eh?

halcyon compass May 11, 2023, 12:13 AM

#

it seems like it is connect to mongodb just the fetch on the front end is not getting a repsonse

onyx juniper May 11, 2023, 12:14 AM

#

halcyon compass

i dont see mongodb here?

halcyon compass May 11, 2023, 12:21 AM

#

okay i think ima continue this tmrrw as its pretty late for me but ima try to figure it out and if anything ill come back 😄 tysm! i learned alot!

onyx juniper May 11, 2023, 12:21 AM

#

onyx juniper you will need to add a mongodb plugin to your project, then setup the variable r...

todo tomorrow

halcyon compass May 11, 2023, 12:21 AM

#

tys, you are amazing ❤️

onyx juniper May 11, 2023, 12:21 AM

#

thank you

halcyon compass May 18, 2023, 9:52 PM

#

Sorry im abit behind but i was finally able to add the mongodb plugin

onyx juniper May 18, 2023, 9:53 PM

#

its been a while, catch me up

halcyon compass May 18, 2023, 10:00 PM

#

yeah haha sorry but I was able to change my mongodb string to the MONGO_URL railway plugin provides.

#

#

Only issue im having now is that its having a hard time fetching to my backend

onyx juniper May 18, 2023, 10:02 PM

#

is there errors you can show me?

halcyon compass May 18, 2023, 10:03 PM

#

npm WARN config production Use --omit=dev instead.

[email protected] start
node server.js
MongooseError: The uri parameter to openUri() must be a string, got "undefined". Make sure the first parameter to mongoose.connect() or mongoose.createConnection() is a string.
at _createMongoClient (/app/node_modules/mongoose/lib/connection.js:768:11)
at NativeConnection.openUri (/app/node_modules/mongoose/lib/connection.js:705:29)
at Mongoose.connect (/app/node_modules/mongoose/lib/index.js:406:15)
at Object.<anonymous> (/app/server.js:24:6)
at Module._compile (node:internal/modules/cjs/loader:1155:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1209:10)
at Module.load (node:internal/modules/cjs/loader:1033:32)
at Function.Module._load (node:internal/modules/cjs/loader:868:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:22:47
npm WARN config production Use --omit=dev instead.
[email protected] start
node server.js
MongooseError: The uri parameter to openUri() must be a string, got "undefined". Make sure the first parameter to mongoose.connect() or mongoose.createConnection() is a string.
at _createMongoClient (/app/node_modules/mongoose/lib/connection.js:768:11)
at NativeConnection.openUri (/app/node_modules/mongoose/lib/connection.js:705:29)
at Mongoose.connect (/app/node_modules/mongoose/lib/index.js:406:15)
at Object.<anonymous> (/app/server.js:24:6)
at Module._compile (node:internal/modules/cjs/loader:1155:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1209:10)
at Module.load (node:internal/modules/cjs/loader:1033:32)
at Function.Module._load (node:internal/modules/cjs/loader:868:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:22:47

onyx juniper May 18, 2023, 10:04 PM

#

show me your backends service variables please

halcyon compass May 18, 2023, 10:04 PM

#

#

I just used this

onyx juniper May 18, 2023, 10:05 PM

#

please show me the service variables

halcyon compass May 18, 2023, 10:05 PM

#

#

ohhh im dumb

#

onyx juniper May 18, 2023, 10:07 PM

#

there we go

halcyon compass May 18, 2023, 10:08 PM

#

okay so thats fixed.

#

now this is the issue
const response = await fetch(import.meta.env.RAILWAY_BIT_SOURCE_URL);

onyx juniper May 18, 2023, 10:09 PM

#

what is RAILWAY_BIT_SOURCE_URL

#

you do not have a service named bit source

halcyon compass May 18, 2023, 10:14 PM

#

youre right i changed it

#

soCute ImLooking

#

why am i so dumb? lol

onyx juniper May 18, 2023, 10:15 PM

#

lol

halcyon compass May 18, 2023, 10:19 PM

#

#

okay i changed it

onyx juniper May 18, 2023, 10:20 PM

#

it doesnt need to be caps

#

you can have it "Bit Source" and railway will normalize it to BIT_SOURCE

#

Bit-Source -> BIT_SOURCE
bit source -> BIT_SOURCE
bit's source's -> BIT_S_SOURCE_S

you get the idea

halcyon compass May 18, 2023, 10:23 PM

#

ohh okay

onyx juniper May 18, 2023, 10:25 PM

#

you would need to rebuild your app that is accessing that environment variable

halcyon compass May 18, 2023, 10:26 PM

#

ohh the redeploy?

onyx juniper May 18, 2023, 10:27 PM

#

yes redeploy

#

same diff

halcyon compass May 18, 2023, 10:27 PM

#

whats the difference with restart and redeploy?

onyx juniper May 18, 2023, 10:28 PM

#

restart will only restart your app itself, this will not refresh the variables
redeploy will rebuild your app again, and this will make the new variables available

halcyon compass May 18, 2023, 10:28 PM

#

😮 oohh

#

hmm okay im still getting
dex-6dcfe425.js:67 SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON i

onyx juniper May 18, 2023, 10:29 PM

#

the bit source service is your frontend, correct?

halcyon compass May 18, 2023, 10:29 PM

#

yes!

#

import React, { useEffect, useState } from 'react';
import IssueBoard from '../../Components/IssueBoard/IssueBoard';

const LandingPage = () => {
    const [issues, setIssues] = useState([]);

    useEffect(() => {
        const fetchIssues = async () => {
            try {
                const response = await fetch(import.meta.env.RAILWAY_BIT_SOURCE_URL);
                const data = await response.json();
                setIssues(data);
            } catch (error) {
                console.error(`${error} is coming from LandingPage`);
            }
        };
        fetchIssues();
    }, []);

    return (
        <div className="bg-red-400 min-h-screen">
            <IssueBoard issues={issues} />
        </div>
    );
};

export default LandingPage;

onyx juniper May 18, 2023, 10:33 PM

#

what service are you using the RAILWAY_BIT_SOURCE_URL variable in?

halcyon compass May 18, 2023, 10:35 PM

#

the front end

onyx juniper May 18, 2023, 10:35 PM

#

why are you using the frontends own domain in the frontend service?

#

also, you should not be manually setting that variable, please delete it

#

i think you might be confused

#

tell me what you are trying to do

halcyon compass May 18, 2023, 10:39 PM

#

I need the fetch inside the frontend to call the backend since the backend is grabbing data from the github api

onyx juniper May 18, 2023, 10:40 PM

#

you want to fetch the backend, from the frontend?

halcyon compass May 18, 2023, 10:40 PM

#

onyx juniper May 18, 2023, 10:40 PM

#

halcyon compass

delete that please, you should not be setting that variable yourself

halcyon compass May 18, 2023, 10:41 PM

#

okay! will do

onyx juniper May 18, 2023, 10:41 PM

#

onyx juniper you want to fetch the backend, from the frontend?

correct?

halcyon compass May 18, 2023, 10:41 PM

#

yes!

onyx juniper May 18, 2023, 10:48 PM

#

you can use the variable RAILWAY_SERVICE_BACK_END_URL

#

you will need to prefix the resulting value with https://

onyx juniper May 18, 2023, 10:49 PM

#

onyx juniper you can use the variable `RAILWAY_SERVICE_BACK_END_URL`

you do not need to create this yourself

halcyon compass May 18, 2023, 10:50 PM

#

const response = await fetch(import.meta.env.RAILWAY_SERVICE_BACK_END_URL);

onyx juniper May 18, 2023, 10:50 PM

#

onyx juniper you will need to prefix the resulting value with `https://`

^

halcyon compass May 18, 2023, 10:52 PM

#

im not following 😦

onyx juniper May 18, 2023, 10:52 PM

#

do you know what the word prefix means?

#

const response = await fetch(`https://${import.meta.env.RAILWAY_SERVICE_BACK_END_URL}`);

halcyon compass May 18, 2023, 10:55 PM

#

ohhh im sorry i thought of it a diofferent way

#

and then just add typical-cow-production.up.railway.app to the frontend variables

onyx juniper May 18, 2023, 10:57 PM

#

NO!!

onyx juniper May 18, 2023, 10:57 PM

#

onyx juniper you do not need to create this yourself

you do not need to create this yourself

halcyon compass May 18, 2023, 10:57 PM

#

ahhh

onyx juniper May 18, 2023, 10:58 PM

#

look
https://utilities.up.railway.app/env-vars
i have not set any service variables at all, they are all made by railway automatically

halcyon compass May 18, 2023, 10:59 PM

#

ohhh okay wow i def have alot to learn

onyx juniper May 18, 2023, 10:59 PM

#

perslaps

halcyon compass May 18, 2023, 11:03 PM

#

its different now
dex-676250a3.js:67 GET https://undefined/ net::ERR_NAME_NOT_RESOLVED
(anony

#

I do see this in the deply log

onyx juniper May 18, 2023, 11:05 PM

#

hmmm yes i know the problem

#

hold on while i think of a solution

halcyon compass May 18, 2023, 11:06 PM

#

Thanks brody for everything

halcyon compass May 18, 2023, 11:31 PM

#

ohh i tried this
const response = await fetch(https://${import.meta.env.VITE_RAILWAY_SERVICE_BACK_END_URL});

#

but now getting
Acess to fetch at 'https://typical-cow-production.up.railway.app/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

onyx juniper May 18, 2023, 11:33 PM

#

you set VITE_RAILWAY_SERVICE_BACK_END_URL yourself didnt you

halcyon compass May 18, 2023, 11:34 PM

#

i did it on my local to try it out

onyx juniper May 18, 2023, 11:34 PM

#

locally you would need to connect to your locally running backend

halcyon compass May 18, 2023, 11:36 PM

#

i see. okay for now i wanna put a pin on this since i gotta get dinner ready but omg tysm! i feel like im finally getting close

onyx juniper May 18, 2023, 11:36 PM

#

sounds good, im still thinking on the undefined variable

halcyon compass May 18, 2023, 11:37 PM

#

okay tysm! ❤️

onyx juniper May 18, 2023, 11:51 PM

#

it is not the most elegant solution ever, but change your build script to this
VITE_BACK_END_URL=$RAILWAY_SERVICE_BACK_END_URL vite build

onyx juniper May 19, 2023, 12:35 AM

#

then you can use this
const response = await fetch(`https://${import.meta.env.VITE_BACK_END_URL}`);

halcyon compass May 19, 2023, 10:41 PM

#

onyx juniper it is not the most elegant solution ever, but change your build script to this `...

like this?

"VITE_BACK_END_URL=$RAILWAY_SERVICE_BACK_END_URL": "vite build",

onyx juniper May 19, 2023, 10:41 PM

#

lol no

#

"build": "VITE_BACK_END_URL=$RAILWAY_SERVICE_BACK_END_URL vite build"

halcyon compass May 19, 2023, 10:42 PM

#

okay thanks haha

#

OMG IT FULLY WORKS!

#

#

soCute ImLooking ♥️

onyx juniper May 19, 2023, 10:47 PM

#

yippe

halcyon compass May 19, 2023, 10:47 PM

#

tysm for all your help you are truely a god HYPERS

#Railway error on path