import React from 'react';
import styles from './Home.module.css';
import information from '../../images/information.png'
const Home = () => {
return (
<div>
<div className={styles.info}>
<div className={styles.informationCard}>
<img src={information} alt="" className={styles.informationImg}/>
<h3>Find all the information you need!</h3>
</div>
</div>
</div>
)
}
export default Home
我已經在下一個 js 中匯入了我想要的影像作為資訊，但是當我使用它時src我沒有得到影像。匯入檔案/檔案夾一切正常，但當我使用它時，它回傳
<img src="[object Object]">而不是影像。我該怎么辦 ？
uj5u.com熱心網友回復：
使用 nextJs 您必須考慮 nextJs 如何為您的檔案提供服務。
我建議您查看檔案的以下頁面：
https://nextjs.org/docs/basic-features/static-file-serving
在您的情況下，影像必須存盤在公共檔案夾中，您只需鏈接到“/information.png”即可訪問它
uj5u.com熱心網友回復：
將您的images檔案夾和您image的public檔案夾移動到 Next.js 的檔案夾中：
images/information.png=>public/images/information.png
然后你可以src像這樣放置影像路徑：
<img src="images/information.png" alt="" className={styles.informationImg}/>
你不需要在src. 你也不需要匯入你的影像。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/364763.html