React 应用程序不加载图像并且不在 GitHub Pages 部署上工作

问题描述 投票:0回答:0

我有一个 React 应用程序,它在使用 npm start 在本地运行时运行良好。但是,当我将应用程序部署到 GitHub Pages 时,它不会加载,也不会显示图像。

这是我到目前为止尝试过的:

添加“主页”:“https://lwilliams002.github.io/Stockboard/”到 package.json。

修改组件中图片的导入语句,从'assets/user.jpg'导入userImage;并在 JSX 中使用它,例如 .

将图像移动到公用文件夹并在 JSX 中使用以下代码显示图像:.

我有两个 package.json 文件,一个在根文件夹中,另一个在 src 文件夹中。我将依赖项合并到根文件夹中的一个 package.json 文件中,并删除了另一个。

更新了 package.json 中的构建和部署脚本:

json

"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

更改了 createRoot 的导入语句以从“react-dom/client”而不是“react-dom”导入它。 尽管进行了所有这些尝试,该应用程序仍无法在 GitHub Pages 上正常运行,并且无法显示图像。

谁能建议我还能做些什么来解决这个问题? https://github.com/Lwilliams002/Stockboard

reactjs github-pages repo
© www.soinside.com 2019 - 2024. All rights reserved.