我制作了一个react-app,当我在本地运行它时(http://localhost:3000/),它可以工作并且看起来很好。我尝试通过 GitHub Pages 部署它,布局全乱了(额外的间距,
{
"name": "portfolio",
"version": "0.1.0",
"private": true,
"homepage": "https://adheenachacko.com",
"dependencies": {
"@emotion/styled": "^10.0.15",
"bootstrap": "^4.3.1",
"gh-pages": "^2.1.1",
"mdbreact": "^4.19.0",
"react": "^16.8.6",
"react-bootstrap": "^1.0.0-beta.10",
"react-dom": "^16.8.6",
"react-mailto": "^0.4.0",
"react-native": "^0.60.4",
"react-protected-mailto": "^1.0.3",
"react-reveal": "^1.2.2",
"react-rounded-image": "^2.0.2",
"react-scripts": "3.0.1",
"react-scroll": "^1.7.12",
"react-split-pane": "^0.1.87",
"react-splitter-layout": "^4.0.0",
"react-strap": "^0.0.1",
"react-typist": "^2.0.5",
"reactstrap": "^8.0.1",
"semantic-ui-css": "^2.4.1",
"semantic-ui-react": "^0.87.3",
"vertical-timeline-component-for-react": "^1.0.6"
},
"scripts": {
"predeploy": "yarn run build",
"deploy": "gh-pages -d build",
"start": "react-scripts start", …Run Code Online (Sandbox Code Playgroud)