ReactJS Iframe未加载页面

我正在使用react构建一个web应用程序。在我的一个组件中，有一个Iframe元素用于加载外部网站。当我在localhost上运行react应用程序时，Iframe加载外部站点时不会出现任何问题。当我在AWS Amplify上部署应用程序时，Iframe不会加载任何内容，我在浏览器中检查Iframe属性下的元素时，收到以下消息：

src:
[Exception: TypeError: Illegal invocation at HTMLIFrameElement.invokeGetter (<anonymous>:1:142)]

src:
[异常：TypeError:在HTMLIFrameElement.invokeGetter（：1:142）处非法调用]

const body=(
);

{body}

---

正如我所说，当我在localhost上运行它时，一切都正常，我只需要弄清楚为什么会发生这种非法调用错误。有人知道这里发生了什么吗？我已经查了两个小时了，没有任何进展。谢谢

我解决了这个问题，

---

我的Amplify应用程序是https，我尝试加载的内容是http，浏览器根本不允许将http内容加载到https页面

也许，您正在用console.log（）显示iframe上下文吗？我不知道您的意思

const body = (
    <div className={classes.modal}>
      <iframe className={classes.iframe} src={"http://www.website.com"}></iframe>
    </div>
  );

<Modal>
        {body}
</Modal>