Цель: я хочу настроить значок SVG в Ant Design
Предупреждение: предоставленное имя тега ('/static/media/delete.0ba2d6ed.svg') не является допустимым именем.
Процедура, которой я следовал в Ant Design, делает c:
шаг 1: я добавил следующее в webpack.config. js
{
test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
use: [
{
loader: 'babel-loader',
},
{
loader: '@svgr/webpack',
options: {
babel: false,
icon: true,
},
},
],
},
Шаг 2: в компонент, я пытаюсь визуализировать SVG, как это:
import Icon from "@ant-design/icons";
import MessageSvg from "../Media/icon/delete.svg";
<Icon component={MessageSvg}/>
Но похоже, что это не удалось