I have deployed my react app on github but it is not running. https://kinza98.github.io/Todo-List/ Can anyone tell me why I am receiving errors Failed to load resource
source code: https://github.com/Kinza98/Todo-List/tree/master
Asked
Active
Viewed 1,391 times
0
-
1Why is this `"homepage": "http://yuribenjamin.github.io/my-app"` in your `package.json` dependencies? – Zsolt Meszaros Dec 10 '20 at 10:48
-
I have fixed the url but still getting error – the_developer Dec 10 '20 at 10:59
-
1What I mean is that it's not a dependency, shouldn't be there. That one should be one level up, right beforer `"scripts": {` for example. – Zsolt Meszaros Dec 10 '20 at 11:06
-
See https://nataliecardot.medium.com/easily-deploy-a-create-react-app-project-to-github-pages-280529adb086 – nCardot Jul 11 '21 at 19:17
1 Answers
3
Make the following edit in package.json and try deploying it again.
{
"name": "todo-react-basic",
"version": "0.1.0",
"private": true,
"homepage": "https://Kinza98.github.io/Todo-List",
"dependencies": {
"@loadable/component": "^5.14.1",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"gh-pages": "^3.1.0",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-id-generator": "^3.0.1",
"react-scripts": "4.0.1",
"web-vitals": "^0.2.4"
},
"scripts": {
"start": "react-scripts start",
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
I deployed it, it's running: Todo List
Ketan Ramteke
- 10,183
- 2
- 21
- 41
-
-
Finished package.json should look like this: https://www.paste.org/113487 – Ketan Ramteke Dec 10 '20 at 11:10
-
-
package.json looks okay now, now try deleting the build folder from the project directory, run deploy, commit all changes one more time and see if the problem persists. I deployed the app and its working fine as you can see here: https://theketan2.github.io/Todo-List/ – Ketan Ramteke Dec 10 '20 at 14:11
-
1