使用“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”預覽中無效，但我的問題已解決！