React应用中导入含CDATA标签的SVG文件的可行性及实现方法咨询

我现在正在用React构建一个简单的天气应用，最近遇到了一个SVG导入的棘手问题：我使用的SVG文件里包含<![CDATA[]]>标签，当我尝试用下面的语句导入时：

import svgExample from './svgs/example.svg'

网站直接弹出了Module-build-faild错误，提示内容是：expected node, got "<CDATA content is being shown here>"。

我已经尝试了几种方法，但都没解决问题：

• 我试着删掉了CDATA标签，毕竟里面的内容是纯JavaScript，但还是不行，反而出现了新的错误：if this is a valid svg, it's probably a bug in svg-parser, please raise an issue at https://github.com/Rich-Harris/svg-parser/issues
• 我还尝试用React官方推荐的ReactComponent方式导入，代码是：

import {ReactComponent as svgExample} from './svgs/example.svg'

结果还是弹出了第一次遇到的那个Module-build-failed错误。

所以我想问问各位，在React应用里有没有办法导入带有CDATA标签的SVG文件？如果可以的话，具体该怎么做呢？谢谢大家！

备注：内容来源于stack exchange，提问作者Ixtix