Reactjs 在React网站中添加microsoft/BotFramework WebChat，并加入Web聊天组件的自定义构建

我想集成到我的react应用程序中

我已经按照以下方法运行了npm安装，但它不起作用。我已经在package.json中将我的文件设置为botchat.js：

"dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1",
    "botframework-webchat": "file:../../BotFramework-WebChat-3/botchat.js.map"
  }

在Botframework文档中，它如下所示

在React网站中，加入Web聊天组件的自定义构建 最简单的方法是克隆（或分叉）此repo，修改它，构建它，然后在项目的package.json中引用您的本地构建，如下所示：

dependencies: {
    ...
    'botframework-webchat': 'file:/path/to/your/repo'
    ...
}

运行npm安装将把您的本地repo复制到节点_模块，导入/要求引用“botframework webchat”将正确解析

您可能还希望使用npm版本和npm publish（私下或公开）将您的回购协议发布为自己的完整、版本化的npm包

不同的项目有不同的构建策略，您的构建策略可能与上面的有很大差异。如果您提出了一种不同的集成方法，您认为会有广泛的应用，请考虑对该自述文件提出拉请求。 对于建筑，我遵循以下流程

• 构建网络聊天
• 克隆（或分叉）此回购协议
• npm安装
• npm运行构建（基于每次变更构建npm运行观察，构建生产npm运行预发布）

这将构建以下内容：

/built/*.js compiled from the TypeScript sources in /src/*.js - /built/BotChat.js is the root
/built/*.d.ts declarations for TypeScript users - /built/BotChat.d.ts is the root
/built/*.js.map sourcemaps for easier debugging
/botchat.js webpacked UMD file containing all dependencies (React, Redux, RxJS, etc.)
/botchat.css base stylesheet
/botchat-es5.js is the Webpack bundle (a.k.a. botchat.js) plus polyfills for ES5 browsers
/botchat-fullwindow.css media query stylesheet for a full-window experience.

---

我想定制我的Botframework并执行它

我不确定您的问题是什么，因为您似乎能够编译构建。如果您希望进行自定义更改，那么您应该进行预编译

但是，我建议您使用v4 BotFramework WebChat，因为v3版本（BotChat）已被弃用且不受支持（read）

v4 Web Chat内置于React中，功能更加强大，与v3和v4 Bot框架SDK完全兼容，并且完全受支持（了解更多信息）

这就是说，如果您打算使用v3，那么您应该使用提供的基于React并准备集成的示例

希望有帮助

我想将botframework（）添加到我的react项目中。我不想将它们集成到index.html中。在我将我的botframework自定义构建到我的reactjs应用程序之后，我应该复制什么文件，以及我应该将它们复制到哪里。我想在我的reactjs应用程序中运行botchat，方法是在我的index.js中调用它们