node.js - 将 React 应用程序部署到 github 页面。获取...net::ERR_ABORTED

Question

GitHub:https://github.com/Justin-Schneider/portfolio

链接到页面:https://justin-schneider.github.io/portfolio/

该链接没有显示任何内容，我收到以下两个错误:

GET https://justin-schneider.github.io/portfolio/justin-schneider.github.io/portfolio/static/css/main.233e2870.css net::ERR_ABORTED
GET https://justin-schneider.github.io/portfolio/justin-schneider.github.io/portfolio/static/js/main.c60b5716.js net::ERR_ABORTED

npm run部署正确执行

package.json

{
"name": "my-website",
"version": "0.1.0",
"private": true,
"homepage": "justin-schneider.github.io/portfolio",
"dependencies": {
  "react": "^16.2.0",
  "react-bootstrap": "^0.31.5",
  "react-dom": "^16.2.0",
  "react-scripts": "1.0.17"
},
"scripts": {
  "deploy" : "npm run build&&gh-pages -d build",
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test --env=jsdom",
  "eject": "react-scripts eject"
},
"devDependencies": {
  "gh-pages": "^1.1.0"
}
}

Answer 1

"homepage": "."

这会起作用!

正如 @Maksim Luzik 描述的上述问题。

我们需要将 package.json 中的 URL 替换为“.”为路径。

例如:- 这个..

https://{username}.github.io/portfolio/justinschneider.github.io/portfolio/static/css/main.233e2870.css

将会...

./justinschneider.github.io/portfolio/static/css/main.233e2870.css

希望你能明白这个想法。