Я использую mibew в качестве живого чата для моего приложения activjs.
Я получаю значения для кнопки чата mibew с локального сервера, но реагирую так и не получаю определение Mibew.Любые подсказки?
он не может скомпилироваться, поскольку он показывает 'Mibew' не определено в каждом объявлении, Mibew определяется в chat_popup.js, который находится на локальном сервере.Я попытался ввести URL-адрес из script.src из кода Visual Studio и не показывает никаких проблем.
import React, { Component } from 'react';
import './Chat.scss';
export default class Chat extends Component {
constructor(props) {
super(props);
this.state = {
show: true
}
//this.toggleChat = this.toggleChat.bind(this);
}
componentWillMount() {
const script = document.createElement("script");
script.src = "http://mibew.test/js/compiled/chat_popup.js";
document.body.appendChild(script);
}
componentDidMount() {
Mibew.ChatPopup.init({
"id":"5d8bb2da7aefc6dc",
"url":"http:\/\/mibew.test\/chat?locale=en",
"preferIFrame":true,
"modSecurity":false,
"forceSecure":false,
"style":"",
"width":640,
"height":480,
"resizable":true,
"styleLoader":"http:\/\/mibew.test\/chat\/style\/popup"
});
}
toggleChat() {
Mibew.Objects.ChatPopups['5d8bb2da7aefc6dc'].open();
return false;
}
render() {
return (
<div className="chat-toggle">
{/* mibew button */}
<a id="mibew-agent-button" href="http://mibew.test/chat?locale=en" target="_blank" onClick={() => this.toggleChat()}>
<img src="http://mibew.test/b?i=mblue&lang=en" border="0" alt="" />
</a>
</div>
);
}
}
Я думаю, что есть проблема с компонентом-Will / Did-Mount, но это только предположение