我試圖在反應組件中顯示我的簡歷（本地檔案），但在匯入它時遇到了問題。
import myResume from '../assets/pdfs/myResume.pdf'只是給了我錯誤：
找不到模塊“../assets/pdfs/myResume.pdf”或其對應的型別宣告.ts(2307)
如果我嘗試像這樣使用匯入：
import myResume from '../assets/pdfs/myResume.pdf'
function Resume() {
return (
<div>
<iframe src={myResume} />
</div>
)
}
export default Resume
它給了我一個無法編譯的錯誤：
./assets/pdfs/myResume.pdf 模塊決議失敗：意外令牌 (1:0) 您可能需要適當的加載程式來處理此檔案型別，目前沒有配置加載程式來處理此檔案。請參閱https://webpack.js.org/concepts#loaders （此二進制檔案省略了源代碼）
我也嘗試過使用 React-pdf 包，但結果相同。
uj5u.com熱心網友回復：
接下來 js 在公用檔案夾中查找檔案，將您的資產檔案夾放在公用檔案夾中，然后像這樣使用：src = "/assets/pdfs/myResume.pdf"。并且不要在路徑中包含公用檔案夾，因為它會自動在公用檔案夾中查找它。
uj5u.com熱心網友回復：
實際上想出了一個解決方法，不確定這是否是正確的方法，但我只需將 src 放在 iframe 中就可以讓它作業。
所以而不是
import myResume from '../assets/pdfs/myResume.pdf'
function Resume() {
return (
<div>
<iframe src={myResume} />
</div>
)
}
我已經做了
function Resume() {
return (
<iframe src='/assets/pdfs/myResume.pdf' />
)
}
這似乎運作良好。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/454070.html
標籤：javascript 反应 pdf 网页包 下一个.js