無法鏈接計算機上本地存儲的 HTML/CSS/REACT 中的圖像

Question

我正在做一個端到端項目 -> 電影推薦，后端服務器 - Python FLASK，前端 - React.Js，到目前為止它運行良好，但我無法鏈接存儲在文件夾中的圖像。 這是一些屏幕截圖。 （我在 Movies.js 里面）
目錄：

編碼：

最后，在檢查器控制台中輸出 console.log(image) 以確保圖像名稱正確：

我試過添加 require("./movie_posters/movie_name....") 但沒有運氣。 我需要幫助！

Answer 1

如果您將所有“movie_posters”文件夾移動到公共文件夾，您可以通過在圖像 src 屬性中使用“/movie_posters/${YOUR_IMAGE_NAME}”來訪問它。

Answer 2

缺少require，在渲染之前導入圖像。

const image = require("./movie_poster/"+ ... )