reactjs - 安装 gh-pages 后，React 图像未在本地加载

Question

我正在尝试在 gh-pages 上部署一个 React 应用程序，并且我已经成功完成了它，但是部署后我确实在本地服务器上再次运行了该应用程序以添加一些新功能，我发现没有加载图像之前已加载。

{
  "name": "react-tesla-clone",
  "homepage": "https://elbeicktalat.github.io/react-tesla-clone",
  "version": "0.1.0",
  "private": true,
  "dependencies": {...},
  "scripts": {
    "predeploy": "yarn run build",
    "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "gh-pages": "^3.2.3"
  }
}

在 gh-pages 设置之前

gh-pages 设置后

那么解决办法是什么？

Answer 1

所有这些都是由 package.json 主页属性引起的，事实上，如果你删除它，你就可以解决这个问题，但每次你想在本地运行项目时删除它并不是最好的主意。

那么我们可以做什么呢？ 非常简单，只需在项目根文件夹中创建 .env 文件并在其中添加以下内容:

PUBLIC_URL="."