Angular website not able to found style.css file

Deployed build not able to find Style.css and other files.
I can see style.css in inside source tab in the developer’s console, but it is coming as empty.

Errors
Failed to load resource: the server responded with a status of 404 () styles.f875ae89a7515faf45d1.css:1

Failed to load resource: the server responded with a status of 404 ()
runtime.689ba4fd6cadb82c1ac2.js:1

Failed to load resource: the server responded with a status of 404 ()
polyfills.905a0b25fe1d4462a0c9.js:1

Failed to load resource: the server responded with a status of 404 ()
main.9255e0124cd3e3e0123e.js:1

Failed to load resource: the server responded with a status of 404 ()
styles.f875ae89a7515faf45d1.css:1

Dist Folder

dist index.html

<!doctype html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <title>Kartiki Sahu</title>
        <base href="https://kartiki-sahu.github.io/angular-demo">
        <link rel="icon" type="image/png" href="assets/img/about-me.jpg">
        <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
        <meta name="viewport" content="width=device-width" />
        <!--     Fonts and icons     -->
        <link href='https://fonts.googleapis.com/css?family=Montserrat:400,300,700' rel='stylesheet' type='text/css'>
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" type='text/css'
            rel="stylesheet">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <link rel="stylesheet" href="dist/styles.f875ae89a7515faf45d1.css" type='text/css'>
    </head>

    <body style="overflow-x: hidden;">
        <app-root></app-root>
        <script src="runtime.689ba4fd6cadb82c1ac2.js" defer></script>
        <script src="polyfills-es5.bd1e71bba7237ec849d4.js" nomodule defer></script>
        <script src="polyfills.905a0b25fe1d4462a0c9.js" defer></script>
        <script src="main.9255e0124cd3e3e0123e.js" defer></script>
    </body>

</html>

Versions Used:
@angular/cli”: “9.0.6”,
“angular-cli-ghpages”: “^1.0.0-rc.1”,

Not sure what’s the issue, new with Github pages.
Any help will be appreciated

Hi :wave:

Does your base URL point to the correct route?

The angular-cli-ghpages recommends /the-repositoryname/ angular-cli-ghpages - npm

<base href="/the-repositoryname/">