Reactjs 如何解决指向SVG的边缘错误`SCRIPT1028:预期的标识符、字符串或数字`

很多类似的问题都有答案，但我不知道该怎么办，因为这里这个错误的根源是我在React组件中导入的所有SVG

页面加载空白，在控制台中显示此内容-

SCRIPT1028:预期的标识符、字符串或数字-main.chunk.js

错误指向main.chunk.js中的此行-

正如我在搜索错误时发现的，此错误是由于Edge不支持ES6扩展运算符而发生的。我理解的解决方案之一是使用babel传输代码，但是SVG呢

这是发生错误的第一个SVG的代码-

import {ReactComponent as BgDots} from "../../images/bg-dots.svg";

export function Card(props) {
  return (
    <div key={props.id} className={props.id}>
      
      {/* <----- ERROR LINE ------> */}
      <BgDots className="bg-dots" />
    
    </div>
)}

从“../../images/bg dots.svg”导入{ReactComponent as BgDots}”；
导出功能卡（道具）{
返回(
{/*  */}
)}

---

这是我项目的第一步。请帮我修复这个错误

你使用的是网页包还是包裹？将此添加到你的babel中这是否回答了你的问题？是的，也许吧。您也可以在其他计算机上尝试，看看代码是否可以工作。我的Edge旧版是44.18362.449.0。如果它在其他边缘浏览器中工作，那么您可以比较浏览器的设置，看看是否有任何不同。