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

Question

我正在建立我的网站，我有问题使用npm开始在我的网页预览图像。

当使用npm start在本地预览我的页面时，所有的图片和视频都找不到，但是当我使用github gh-pages -d build在线部署时，一切都很好。正如您在本地主机上看不到镜像一样：images and videos missing from my page in localhost，但一旦上线就没有问题：perfectly fine website once online

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

任何帮助都是很好的，因为不能预览图像是一件很痛苦的事情。我找不到任何有同样问题的人，而且我是一个前端的新手:/提前谢谢！

Answer 1

好了，我想我用这个question about public folder and images解决了这个问题。

这个问题来自我，我并没有明确表示镜像来自镜像的src中的public文件夹，而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“预览中，但我的问题解决了！