概括
嘿！我正在做一個關于餐廳選單應用程式的小專案，所以我使用 webpack 作為捆綁器在 vanilla JS 中構建它。
問題
我遇到的問題是，當我在專案中使用本地陣列中的資料時找不到影像路徑，我真的不知道為什么會發生這種情況。專案結構
我如何使用陣列中的資料：
import menu from '../data/data';
const Main = () => {
const view = `
<div >
${menu.map(menuItem => `
<article >
<img src=${menuItem.img} alt=${menuItem.title} />
<div >
<header>
<h4>${menuItem.title}</h4>
<h4 >$${menuItem.price}</h4>
</header>
<p >
${menuItem.desc}
</p>
</div>
</article>
`).join('')}
</div>
`;
return view;
};
export default Main;我的控制臺中出現的錯誤訊息：
我的預感是：也許我需要一個影像 webpack 加載器，但我認為這是我如何使用或撰寫影像路徑的問題，所以如果有人知道我如何解決這個問題，希望你能提供幫助我。
如果有人需要，我也在這里離開了專案回購：
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/430039.html
標籤：javascript 网络 前端
上一篇：個性化唯一鍵mySQL的錯誤訊息