@ svgr / webpack从'paths / xx.svg'导入xx错误

Question

@ svgr / webpack 从'paths / xx.svg'导入xx 错误：未知：意外令牌，

这是新的yarn create react-app xx --typescript项目，

import xxSvg from 'paths/xx.svg';

SyntaxError：未知：意外的令牌，预期为“，”（3:22）

Answer 1

您将需要加载程序来加载svg文件。将File Loader与以下配置结合使用以加载svg图像。

rules: [
    test: /\.(png|jpg|gif|svg)$/,
    use: {
        loader: 'file-loader'
    }
]