首页 文章

在react-redux MERN应用程序中导入SVG时出错

提问于
浏览
0

我需要将.svg文件加载到MERN样板项目中的react组件中 . 我在_2885896中使用此条目配置了webpack url-loader:

{
 test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.otf$|\.ttf$/i,
 loader: 'url-loader?limit=10000',
}

我试图访问组件中的资源:

import logo from '../../../../assets/logo_h.svg'

但我得到了这个错误启动 npm start

SyntaxError: : Unexpected token (1:1)
> 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    |  ^

1 回答

  • 0

    您必须删除SVG顶部的 <?xml ... . 它不需要呈现SVG,并且在尝试解析时经常会在webpack中抛出错误 .

相关问题