使用“npm start”和“npm run deploy”时React页面不同

Question

我正在构建我的网站，但在使用 npm start 预览网页中的图像时遇到了问题。

当使用npm start在本地预览我的页面时，找不到所有图像和视频，但是当我使用 github gh-pages -d build在线部署时，一切都显示得很好。 正如您在本地主机上看不到图像：本地主机中我的页面中缺少图像和视频但是一旦在线就没有问题：一旦在线就完美无缺的网站

我使用 React 来构建网站和 github-pages 来在线托管它。 我的所有图像都位于公共文件夹中，因为我是前端的初学者，所以我没有尝试任何有趣的编译。

任何帮助都会很棒，因为无法预览图像非常痛苦。 我找不到任何有同样问题的人，我是前端领域的新手：/提前致谢！

Answer 1

好的，我想我解决了这个关于公共文件夹和图像的问题。

问题来自我没有明确说明图像来自图像 src 中的公共文件夹，而 react-router-dom 似乎不喜欢它。

写入<img src = {process.env.PUBLIC_URL + "/images/folder/biking.PNG"} alt = "me on a bike"/>而不是<img src = {"images/folder/biking.PNG"} alt = "me on a bike"/>解决了我的问题。

我仍然不知道为什么这在部署后有效，但在“npm start”预览中无效，但我的问题已解决！