Reactjs 如何解决:“;在未安装的组件上找不到节点。”;输入文本时

Reactjs 如何解决:“;在未安装的组件上找不到节点。”;输入文本时,reactjs,botframework,Reactjs,Botframework,我已经在我的React网站中集成了BotFrameworkV3,加入了Web聊天组件的自定义构建 每当我在输入标记中输入一个值时,就会出现这个错误 WebChat.js import React from 'react'; import { Chat } from 'botframework-webchat'; export default class extends React.Component { render() { return ( <Reac

我已经在我的React网站中集成了BotFrameworkV3,加入了Web聊天组件的自定义构建

每当我在输入标记中输入一个值时,就会出现这个错误

WebChat.js

import React from 'react';
import { Chat } from 'botframework-webchat';


export default class extends React.Component { 
  render() {
    return (
        <React.Fragment>
            <Chat 
            directLine={{ secret: ' SECRET_KEY' }} 
            user={{ id: 'user_id', name: 'user_name' }}/>
        </React.Fragment>
    );
  }
}
从“React”导入React;
从'botframework webchat'导入{Chat};
导出默认类扩展React.Component{
render(){
返回(
);
}
}
错误

在未安装的组件上找不到节点。不变的 node_modules/react-dom/cjs/react-dom.development.js:57 findCurrentFiberUsingSlowPath node_modules/react-dom/cjs/react-dom.development.js:4438 findCurrentHostFiber node_modules/react-dom/cjs/react-dom.development.js:4450 findHostInstance node_modules/react dom/cjs/react dom.development.js:18562 findDOMNode node_modules/react-dom/cjs/react-dom.development.js:19068 Chat.handleKeyDownCapture/home/React/Botframework webchat/BotFramework-webchat-3/build/Chat.js:160


将react版本降级为react:16.5.2解决了这个问题

为什么要使用
片段
而不是直接返回
聊天
?我会在我的网站中为聊天机器人用户界面添加更多代码。为什么要尝试使用BotFramework WebChat的v3“botchat”版本?尽管您的bot使用的是v3 BotFramework SDK,但您不需要匹配web聊天的版本。v4版本更加丰富,使用React进行设计和构建,并且将集成更好的功能。如果您需要示例代码,请告诉我。我正在React项目中运行v3和v4机器人。很高兴提供一些示例代码。(注意:WebChat的v3版本已被屏蔽,不推荐使用。)您是否在WebChat构建中使用与网站中相同版本的React?将React版本降级为React:16.5.2解决了问题@EricDahlvang