reactjs - 将 SVG 图像添加到 React 项目的简单方法

Question

我正在使用文件加载器，并且可以很好地加载 png。我在做import myImage from "../../path/image.svg"然后<img src={myImage}/>。当我使用开发人员工具并单击要包含的 SVG 时，我会看到一个页面，其中包含如下消息：

"Error on line 1 at column 1: Document is empty 

Below is a rendering of the page up to the first error."

以前有没有人见过这个错误，如果是这样，可以做些什么？

标签： reactjssvg

Answer 1

我发现了@svgr/webpack，通过它你可以像模块一样导入 SVG，然后将它们用作组件。