ReactJS - 客户信使 CHAT 违反了以下内容安全策略指令：“frame-ancestors

问题描述

我在本地环境中测试了插件 react-messenger-customer-chat。 我刚刚安装了插件并在我的渲染视图中插入了以下代码

    render() {
        const { src,title,tracks,scrollTop } = this.state;
        return (
            <div id="lz-app">
                <Header scrollTop={scrollTop}/>
                <main className="main">
                    <MessengerCustomerChat
                            pageId="xxxxxx"
                            appId="xxxxxx"
                     />
                </main>
                <Footer/>
          
                   
                </div>
            </div>
        );
    }

运行我的反应应用程序时，出现错误：

拒绝框架“https://web.facebook.com/”，因为祖先违反了以下内容安全政策指令：“frame-ancestors https://web.facebook.com”。

请问我如何解决这个问题？ 谢谢

解决方法

我在这里找到了解决方案 解决方案在这里 https://www.youtube.com/watch?v=8e_4KIj4jBs