News Articles github-pages

project is published, but page is blank

[I’m trying to make a react project on github pages using [username].github.io. but when I go on the link, it just returns a loading page i created and then a only white screen] Source: React – Stack Overflow

How to publish a react app on GitHub pages within an existing repository?

I have a website published on GitHub pages. How to publish a react app within a folder of the repository of my website? Source: React – Stack Overflow

GitHub CI/Actions – Cannot find module. Make sure this package is installed

I want to use absolute import paths with my typescript react app. Thefore, I’ve added the "baseUrl": "./src" to the tsconfig.json. I can build the app locally with yard build but it doesn’t work with the Github CI (Actions). This is the error I get from the CI ./src/components/App/App.tsx Cannot find module: ‘constants/Routes’. Make sure […]

DevTools failed to load source map: Could not load content for GitHub. HTTP error: status code 404

I made an ecommerce webpage, the code seems fine but when I deployed itin my local host and in GitHub it shows this error: DevTools failed to load source map: Could not load content for https://andrealb88.github.io/rewards-store-andrea-lopez-bravo/static/js/main.51faf61f.chunk.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE I new in this and I read I need to fix it in […]

Deploying React app with Parcel build on Github Pages

I am trying to deploy a React app with Parcel on Github Pages. I have deployed it but the app is not actually rendering on the screen. I don’t understand what I am doing wrong. Package.json { "name": "pet-adoption-app", "version": "1.0.0", "description": "", "main": "index.js", "homepage": "https://github.com/junaidshaikh-js/pet-adoption-app", "scripts": { "format": "prettier –write "src/**/*.{js,jsx}"", "lint": "eslint […]

React images not loading locally after gh-pages installation

I’m trying to deploy a react app on gh-pages and I have done it successfully, but after deploying I did run again the app on local server to add some new feature, I seen that is dose not loading images which was loaded before. { "name": "react-tesla-clone", "homepage": "https://elbeicktalat.github.io/react-tesla-clone", "version": "0.1.0", "private": true, "dependencies": {…}, […]

GitHub Pages Page Not Found for React App

I am trying to publish my single page website to github pages, but I’ve run into an issue. When I go to the link for my website, it gives me a 404 error with this message: "File not found. The site configured at this address does not contain the requested file. If this is your […]

I cannot search git repositories through the api

I’m using git api to do a repositories search. The problem is that when I use the live server the search works normally. But when I upload to github pages I get the following error: Erro from console My code is : <header class="container"> <nav class="navbar navbar-expand-lg navbar-light bg-secondary"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" […]

How to deploy project to Github pages

It is looked simple to do it, deploy ReactJs app and I followed the strict tutorials to do this HERE, but I still have error 404 or if I try to make manual deploy from GitHub show me README.md.Here is my project REPO Source: React – Stack Overflow

CSS files in the same folder as HTML files work differently than if they were in separate folders. [Github Pages]

I am trying to host a website on GitHub Pages which seems to only work if I place the HTML, CSS and JS files in the root folder. But the problem with this is that the positioning of elements on a page of my website is messed up. Folder structure where files are together with […]

Blocked loading mixed active content in reactjs app after deploying in github pages

I am building a simple movie search app using reactjs and omdbapi api the app works fine in local host, but after deploying in github pages i get this error Blocked loading mixed active content “http://www.omdbapi.com/?s=l&apikey=ca6be1d4” App.js:19:28 Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource. Source: JavaSript – Stack Overflow

is it possible that jquery/ github would change the url api key on its own?

I had a simple app that relies on a fetch call from https://www.thesportsdb.com/api/v1/json/2/searchteams.php?t=(user team) App has been working just fine and out of a sudden it stopped working now. it is showing some weird behavior as well. The api key gets changed and when I push iot to github it also changes this is my […]

Incorrect CSS when React App is deployed with GitHub Pages

The Login page of my application looks like this while on local host. But when I deployed my application with GitHub Pages, it looked like this. Link of the Application: https://caiocavalcante063.github.io/TrybeWallet/. Link to my repo: https://github.com/caiocavalcante063/TrybeWallet. I am not familiarized with deploying applications so I am writing this question in hope that this problem has […]

404 github pages with custom domain on a vue app

I build a simple vue app and deployed it using github pages. It was working fine when I didn’t associate any custom domain with the project and could access the site using the link http://username.github.io/repo_name But after I added a custom domain, I get a blank page and the assets also show 404 in network […]

Strange console error when deploying React App to git pages

Hello I am getting a really strange error when I deploy React App to GitHub Pages, all my links are OK and images are in the right directories, what could be wrong? Manifest: Line: 1, column: 1, Syntax error. The attempt to bind "/meet_app/%PUBLIC_URL%/manifest.json" in the workspace failed as this URI is malformed. Source: React […]

Fetching in reactjs doesn’t work after deploying in github pages

So I have a reactjs app publish in github pages, is this one https://bernardoolisan.github.io/PyOcr/ The problem is that the app fetch data, but when I deploy it on github pages it give this error: And it was working:( And now my page doesn’t work too, it was working but right now is blank i dont […]

Jekyll code block size in header is too small

The code block font size is too small on my website when it appears in Heading 1 lines. When typing a code block in a header in Stack Exchange we seem to have no problem. For example, when I type the following on this website: # `multi-timer` bash script The `multi-timer` bash script works in […]

what are the command to send my local react app files to Github repository in VsCode?

i want to know how i can send my local react app folder to my github profile and I don’t know which command to use, push and pull are kinda of self-explanatory but All those staging area , commit really got me confused and I have watch videos on Youtube but no one seems to […]

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.