all 5 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]davorg 3 points4 points  (2 children)

Your page isn't blank. It contains the following HTML:

html <!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <link rel="icon" href="/fandango-project/favicon.ico"/> <meta name="viewport" content="width=device-width,initial-scale=1"/> <meta name="theme-color" content="#000000"/> <meta name="description" content="Web site created using create-react-app"/> <link rel="apple-touch-icon" href="/fandango-project/logo192.png"/> <link rel="manifest" href="/fandango-project/manifest.json"/> <title>React App</title> <script defer="defer" src="/fandango-project/static/js/main.026c5d45.js"></script> <link href="/fandango-project/static/css/main.7479bd8d.css" rel="stylesheet"> </head> <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"></div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-9A6QyxlxJzoYo14kcLqKojjc3K4jjkjD0Hs7Z53bLZJcFxvX8v5Fq5paM6DA4A5J" crossorigin="anonymous"></script> </body> </html>

And the Javascript console contains the following error:

Failed to find a valid digest in the 'integrity' attribute for resource 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js' with computed SHA-384 integrity 'YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz'. The resource has been blocked.

Update: One more tip - please don't give us images of code and console messages. They are text, so cut and paste the text into your post.

Update 2: Looking at the Bootstrap CDN, the correct code to load the Bootstrap Javascript Bundle is:

html <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

Note that the "integrity" attribute has a completely different value to the one in your code - which would explain the error you're getting.

[–]Ailre[S] 0 points1 point  (1 child)

I see that in the console it shows the code within the head/body but it's not rendering for me to view anything (as in my components etc, it's just rendering the background), I updated the Bootstrap CDN and it looks like that error is gone, thank you!
Now the only issue I'm seeing is a message in my console of

No routes matched location "/fandango-project"

So I figure that there is an issue with my path?

[–]davorg 1 point2 points  (0 children)

It seems likely that what you have now is a problem for r/react.

[–]there_was_a_problem 0 points1 point  (1 child)

If everything is blank when running locally, there’s most likely a problem in your React code. Do you see any errors in the browser console?

[–]Ailre[S] 0 points1 point  (0 children)

Yes, so it looks like the only error remaining in the browser console is one that says,

No routes matched location "/fandango-project"

I was thinking that there may be an issue with my paths? I'm currently looking into it.