react-scripts :导入SVG时出现编译错误

Question

我正在使用react-script构建我的应用程序。我有这个错误：

SyntaxError: unknown: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set `throwIfNamespace: false` to bypass this warning.

但是在哪里指定这个选项throwIfNamespace呢？在package.json？

Answer 1

throwIfNamespace选项是一个@babel/preset-react选项

请参阅https://babeljs.io/docs/en/babel-preset-react#usage

配置可以位于您的.babelrc或package.json文件中，如下所示：

{
  "presets": [
    [
      "@babel/preset-react",
      {
        "throwIfNamespace": false // defaults to true
      }
    ]
  ]
}

Answer 2

不起作用。我在package.json中尝试了一个.babelrc：

{
   "babel": {
      "presets": [
      [
        "@babel/preset-react",
        {
          "throwIfNamespace": false
        }
      ]
    ]
  }
}

还有其他解决方案吗？