# Deploying Lift-Off V Client on Railway Issue: Shows blank page with "Not Found" page title

**URL:** <https://community.apollographql.com/t/deploying-lift-off-v-client-on-railway-issue-shows-blank-page-with-not-found-page-title/5798>\
**Category:** Client SDKs\
**Tags:** client, server, odyssey\
**Created:** [February 24, 2023, 12:13am UTC](https://community.apollographql.com/t/deploying-lift-off-v-client-on-railway-issue-shows-blank-page-with-not-found-page-title/5798 "2023-02-24T00:13:09Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevin9gao](https://sea1.discourse-cdn.com/flex019/user_avatar/community.apollographql.com/kevin9gao/32/3939_2.png) [@kevin9gao](https://community.apollographql.com/u/kevin9gao)\
**Post date:** [February 24, 2023, 12:13am UTC](https://community.apollographql.com/t/deploying-lift-off-v-client-on-railway-issue-shows-blank-page-with-not-found-page-title/5798/1 "2023-02-24T00:13:09Z")

</div>

Hi, I’m trying to deploy the odyssey lift off part 5 client on Railway and it successfully deployed, but the page just says “Not Found” and shows a blank page. The browser console keeps trying to fetch, returning a 404 error each time, with intermittent “Not Authorized” messages. I’m assuming this is probably a cors issue, from research. I’ve already tried adding a cors variable to my ApolloServer instance in my server code, as well as adding require(‘dotenv’).config() and require(‘cors’). Any help is appreciated, thanks!

Here are my repos:

- Server: [GitHub - kevin9gao/odyssey-lift-off-part5-server: Odyssey Lift-off V - Server - Course Companion App](https://github.com/kevin9gao/odyssey-lift-off-part5-server)
- Client: [GitHub - kevin9gao/odyssey-lift-off-part5-client: Odyssey Lift-off V - Client - Course Companion App](https://github.com/kevin9gao/odyssey-lift-off-part5-client)

 ![image](https://us1.discourse-cdn.com/flex019/uploads/apollographql/original/2X/f/f4eca4b26875cf3f1b5cfda322024b6b7acd0a34.png)

---

<div class="post-metadata">

**Author:** ![sophiemcgarity](https://sea1.discourse-cdn.com/flex019/user_avatar/community.apollographql.com/sophiemcgarity/32/3997_2.png) [@sophiemcgarity](https://community.apollographql.com/u/sophiemcgarity)\
**Post date:** [March 6, 2023, 3:51am UTC](https://community.apollographql.com/t/deploying-lift-off-v-client-on-railway-issue-shows-blank-page-with-not-found-page-title/5798/2 "2023-03-06T03:51:07Z")

</div>

Hi,

Not sure if we have the same problem, but my logs in Railway showed  
`Watchpack Error (watcher): Error: ENOSPC: System limit for number of file watchers reached`  
for every package.

This error message typically means that the operating system’s limit on the number of files that can be watched by a process has been reached. So I looked at how to stop files being watched.

You can exclude files from the watcher by using the `CHOKIDAR_USEPOLLING` and `CHOKIDAR_INTERVAL` environment variables.

To set the `CHOKIDAR_USEPOLLING` and `CHOKIDAR_INTERVAL` environment variables, in Railway do the following:

1. Go to your Railway project dashboard.
2. Click on the “Settings” tab.
3. Click on the “Environment Variables” section.
4. Click the “Add Environment Variable” button.
5. Enter `CHOKIDAR_USEPOLLING` as the name of the environment variable.
6. Set the value to `true`.
7. Click the “Add Environment Variable” button again.
8. Enter `CHOKIDAR_INTERVAL` as the name of the environment variable.
9. Set the value to the desired polling interval in milliseconds (e.g. `1000` for 1 second).
10. Click the “Save Changes” button.

The client restarted the first time with a heap error the first time. But on the second deploy it worked.

I didn’t check the developer tool like you did in your example, so I’m not sure if its the same. I hope this helped!

---

<div class="post-metadata">

**Author:** ![Michelle\_Mabuyo](https://sea1.discourse-cdn.com/flex019/user_avatar/community.apollographql.com/michelle_mabuyo/32/80_2.png) [@Michelle\_Mabuyo](https://community.apollographql.com/u/Michelle_Mabuyo)\
**Post date:** [March 8, 2023, 5:52pm UTC](https://community.apollographql.com/t/deploying-lift-off-v-client-on-railway-issue-shows-blank-page-with-not-found-page-title/5798/3 "2023-03-08T17:52:17Z")

</div>

Hey @kevin9gao! Sorry for the delay in response, hoping we can troubleshoot this together!

I was able to deploy the server successfully ([https://odyssey-lift-off-part5-server-1-production.up.railway.app/](https://odyssey-lift-off-part5-server-1-production.up.railway.app/)) with only the PORT changes. [Apollo Server v3’s default CORS behavior](https://www.apollographql.com/docs/apollo-server/v3/security/cors) enables any website on the internet to tell a user’s browser to connect to your server. (Though we do recommend changing it to be more secure and specify the allowed origins, for the purposes of this tutorial, we can leave it as-is).

On the client end, @sophiemcgarity mentioned a heap error - which was what I was running into. To fix this, I scrolled over to Settings → Deploy → Start command and pasted this command in:

`react-scripts --max_old_space_size=4096 start`

 ![Screenshot 2023-03-08 at 12.44.51 PM](https://us1.discourse-cdn.com/flex019/uploads/apollographql/original/2X/9/97fcf12fbcac5eb825e2e217d3e7f89777620537.png)

You can also make that change in the `package.json` file itself, replacing the `start` script. [Here’s the Stack Overflow post as a reference](https://stackoverflow.com/questions/44046366/increase-javascript-heap-size-in-create-react-app-project).

Hope that helps, let me know if it fixes your client deploy or if we need to troubleshoot further!

---

<div class="post-metadata">

**Author:** ![Michelle\_Mabuyo](https://sea1.discourse-cdn.com/flex019/user_avatar/community.apollographql.com/michelle_mabuyo/32/80_2.png) [@Michelle\_Mabuyo](https://community.apollographql.com/u/Michelle_Mabuyo)\
**Post date:** [March 8, 2023, 9:54pm UTC](https://community.apollographql.com/t/deploying-lift-off-v-client-on-railway-issue-shows-blank-page-with-not-found-page-title/5798/4 "2023-03-08T21:54:11Z")

</div>

Follow-up! We’ve been working on updating this course (turning the deployment sections into a separate side quest) and I believe this is the better solution.

Update the start command in Railway to be:

`npm i serve && serve -s build`

This overrides the `start` script set in our codebase (`react-scripts start`) and tells Railway to instead use the `serve` npm package to serve up the static files in our production `build` folder. This should take care of those memory limits! Let me know if that works!

---

<div class="post-metadata">

**Author:** ![Justin\_Gonzalez](https://sea1.discourse-cdn.com/flex019/user_avatar/community.apollographql.com/justin_gonzalez/32/5359_2.png) [@Justin\_Gonzalez](https://community.apollographql.com/u/Justin_Gonzalez)\
**Post date:** [February 6, 2025, 8:49pm UTC](https://community.apollographql.com/t/deploying-lift-off-v-client-on-railway-issue-shows-blank-page-with-not-found-page-title/5798/5 "2025-02-06T20:49:17Z")

</div>

Archived on February 6, 2025, 8:49pm UTC


