嘗試將它們匯入到我的專案中時，找不到我在本地保存的影像。
import {portfolio} from './portfolio.png'
導致“找不到模塊 './portfolio.png' 或其對應的型別宣告.ts(2307)”。
影像檔案路徑是 100% 正確的。
更新：影像加載但是我想知道如何洗掉打字稿錯誤。
uj5u.com熱心網友回復：
嘗試默認匯入：import portfolio from './portfolio.png'.
uj5u.com熱心網友回復：
嘿@Joe 有多種方法可以呼叫影像-首先-
import image from './porfolio.png'
其次，在這種方法中，您需要在公共影像檔案夾中發布影像-
<img src="/images/image.png"/>
希望這些方法可以幫助您解決問題，如果您仍然遇到問題，請讓我知道，我會幫助您。謝謝
uj5u.com熱心網友回復：
使用 ES6 標準將影像匯入到 react 中。
如果在公共場合使用絕對路徑。
如果它在 src 中，您可以使用相對路徑。
https://create-react-app.dev/docs/adding-images-fonts-and-files/
import MyImage from './logo.svg'; # In local
import MyImage from 'images/logo.svg'; # In Public
export default function App() {
return(
<div>
<img src={MyImage} alt="logo" />
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/523605.html