我有一个 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