loading-screen | Loading screen for webpack plugin | Frontend Framework library

My Android Studio has been stuck at loading screen since yesterday. X_X

What I have tried:

1. Restarting computer.
2. Clearing junk files and logs.
3. Completely uninstall and then Reinstalling AndroidStudio.
4. Followed many different solutions (e.g: one of it is here). But still doesn't work. Excerpt from the solution:

• Open file Android Studio setup directory/bin/idea.properties
• Add disable.android.first.run=true to end
• Restart Android Studio

1. When I deleted the SDK it worked, but then after I let it download the SDK again, it opens for that session, then stuck again on the next session.

Well, I don't want to always delete and re-download the SDK every time I open Android Studio. So does anyone have any solution to this?

Thanks

More Info:

How do I make my loading screen stop and then go into the main page or my website?

Also update code down here:

// begin snippet: js hide: false console: true babel: false

// language: lang-css

Currently having a odd issue with setting up a router transition I can't seem to understand, currently on angular 6

appComponent.html file:

So I have this basic website template I used from a video on Barba.js to diagnose wether this issue was due to parcel or barba. When I ran the code without bundling with parcel, the transitions worked fine aswell as the links. However when I bundled with parcel and ran npm run dev, my href links stopped working and so did the transitions, while the console showed 0 errors. Here are the 4 files of code.

about.html

I'm using barba.js to fade new pages in. Code must be placed between the barba wrapper div. When I click a link to a new page though, the new page fades in at the same position as the previous page was in. So if the user clicks a link, the new page is loading in near , which I don't want.

How can I get the new page to load in at the top?

I found the answer on stack about scrollRestoration function but I still don't understand how to make this work.

Could somebody help me to compile the js code below, add some css or html to fix this issue?

Here is my LoadingScreenService:

I'm trying to implement three.js code to display a 3d model which is in the GLTF format but my page gets stuck on pre-loading. I want to show a preloading page until all the files get loaded.

Please help resolve this issue.

Here's a link of how I want it to run.

I'm running it on a local server but still, I'm facing this issue.

SplashActivity

I'm developing a React Native application. I'm doing something like what's explained here to implement the authentication flow. So, I created an AppContainer that looks like this: