LiveChat 代理小部件中的 LocalStorage iFrame 问题

编程问答 2022-04-21

问题描述

我正在创建一个小型 React 应用程序，用作 LiveChat 中的代理小部件。

我开始收到一条错误消息： SecurityError：无法从“Window”读取“localStorage”属性：此文档的访问被拒绝。

为了追查问题，此时的应用程序只是尝试在 dom 中呈现单词“Hi”，并通过以下方式设置 localStorage 项： localStorage.setItem("test",1);

整个应用

import React from "react";
import ReactDOM from "react-dom";

localStorage.setItem("test",1);

ReactDOM.render(<React.StrictMode>Hi</React.StrictMode>,document.getElementById("root"));

我开发了大部分实际的、完整的应用小部件，之前没有出现任何问题，我不确定为什么现在会发生这个错误。

我了解到在 iFrame 中使用 localStorage 可能会很麻烦，但是 LiveChat 支持告诉我这应该不是问题。这个“不是问题”的回答恰逢我之前在 LiveChat 代理环境中编写和测试了该应用程序，没有出现问题。

如果我能提供任何进一步的信息，请告诉我。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptlivechatreactjsreactjs