Jedi_Mediator
MIME type error with React template
I'm using the React + Caddy template by @Brody for my React app and am getting the following error in the browser console:
The situation is a little weird because my organization wants this React app to appear on their Wordpress page, so I've been using an iframe to display it. This strategy has been working fine until my most recent deployment.
I have no idea what I could have changed in my last commit to cause this problem, because I haven't touched any "core" files, like index.html, caddyfile, etc.
I have never seen this type of error and honestly don't know where to start with troubleshooting it. It does seem to be related to the files coming from the server, though, so I figured it would be a good idea to ask here.
I appreciate any help you can give.
14 replies
Vite + React: Environment Variables for Local Development
I'm using the Vite + React template provided by Railway. I've cloned the created repo to my computer and used
npm run dev to start the local development server. However, when I try to access import.meta.env.VITE_DROPBOX_ACCESS_TOKEN, it's undefined.
I've been able to use this method to access environment variables in other Vite + React projects just fine. Those projects were not using this template. I've verified that my .env file is in the root directory and that I'm using the correct spelling. I've even tried dotenv, but I don't think that's intended for use with Vite, since it's not even able to run without hitting a process is not defined error.
I'm out of ideas at this point. Thanks for taking the time to consider this issue.29 replies
Trouble Deploying React + Vite + TS Front End
I've successfully (and easily) deployed this type of app with Vercel before, but now that I'm trying Railway, I'm running into issues.
I'm deploying from my project's GitHub repo. I followed the tutorial below for getting a React + Vite app running. But still, when I visit the generated domain for my app, I get a 503 page.
I'm a newer developer and although I'm pretty good with building full stack applications, I haven't needed to "get my hands dirty" with this type of stuff very much yet. I got used to Vercel just "magically" handling everything for me, and now I'm learning that there's more going on behind the scenes that it was just hiding from me.
What might I be missing? Any help is greatly appreciated!
https://help.railway.app/project-help/f9v3gkPQRy4UShk5SnoPDH/getting-your-create-react-app-running-on-railway/qHRsgxa5n57xLp1yVgk9fP
10 replies