我正在尝试将 watson chatbot 添加到我的网站,所需的脚本标签如下:
<script>
window.watsonAssistantChatOptions = {
integrationID: "", // The ID of this integration.
region: "eu-gb", // The region your integration is hosted in.
serviceInstanceID: "", // The ID of your service instance.
onLoad: function(instance) { instance.render(); }
};
setTimeout(function(){
const t=document.createElement('script');
t.src="https://web-chat.global.assistant.watson.appdomain.cloud/loadWatsonAssistantChat.js";
document.head.appendChild(t);
});
</script>
这是我的代码:
import React from "react"
import PropTypes from "prop-types"
import Helmet from "react-helmet"
function Watson() {
return (
<Helmet>
<script>
window.watsonAssistantChatOptions = {
integrationID: "e9106019-f76a-46ea-bd38-1f9a364d8d6e", // The ID of this integration.
region: "eu-gb", // The region your integration is hosted in.
serviceInstanceID: "c688c7e0-4a4f-45ab-9131-6ae96ec602a3", // The ID of your service instance.
onLoad: function(instance) { instance.render(); }
};
setTimeout(function(){
const t=document.createElement('script');
t.src="https://web-chat.global.assistant.watson.appdomain.cloud/loadWatsonAssistantChat.js";
document.head.appendChild(t);
});
</script>
</Helmet>
)
}
export default Watson
我收到编译错误。我什至尝试用 {} 将代码包装在脚本中,但仍然没有运气:
<Helmet>
<script>
{
window.watsonAssistantChatOptions = {
integrationID: "e9106019-f76a-46ea-bd38-1f9a364d8d6e", // The ID of this integration.
region: "eu-gb", // The region your integration is hosted in.
serviceInstanceID: "c688c7e0-4a4f-45ab-9131-6ae96ec602a3", // The ID of your service instance.
onLoad: function(instance) { instance.render(); }
};
setTimeout(function(){
const t=document.createElement('script');
t.src="https://web-chat.global.assistant.watson.appdomain.cloud/loadWatsonAssistantChat.js";
document.head.appendChild(t);
});
}
</script>
</Helmet>
关于我缺少什么的任何想法?