在 typescript(*.tsx) 檔案中，我無法使用以下陳述句匯入 svg 檔案：
import image from './image.svg';
Transpiler 說：[ts] 找不到模塊 './logo.svg'。我的 svg 檔案只是<svg>...</svg>
uj5u.com熱心網友回復：
如果你使用 webpack，你可以通過創建一個自定義型別檔案來做到這一點。
創建一個名為 custom.d.ts 的檔案，其內容如下：
declare module "*.svg" {
const content: any;
export default content;
}
如下將 custom.d.ts 添加到 tsconfig.json
uj5u.com熱心網友回復：
不支持 SVG 匯入，需要 webpack 配置
您可以將 SVG 檔案轉換為反應組件
圖片.tsx
export default SVGImage(){
return <svg>...</svg>
}
然后你可以將它作為 React 組件匯入
import SVGImage from './image';
...
return <SVGImage />
...
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/417647.html
標籤：