问题标签 [react-widgets]

我正在尝试在我的反应应用程序中添加第三方小部件，但我不知道该怎么做。小部件所有者希望我通过脚本标签添加它，我在计划 HTML 文件中尝试了它，它在那里工作。但我的反应应用程序不是。我尝试在我的 index.html 中添加脚本标记，但它没有显示在我想要显示它的组件中。

这是我要实现的脚本标签

当我尝试使用react-chat-widget小部件时，我的应用程序在生产构建期间中断。

当我删除小部件时，问题就消失了。

这是我的

应用程序.js：

从控制台收到错误：

所以我正在尝试构建一个反应小部件。我已经完成了应用程序，它作为一个反应应用程序运行良好，但是当我尝试使用 parcel 作为小部件构建它以便能够将它嵌入任何网站时，这就是我运行小部件构建命令时得到的.

parcel build src/index.tsx --no-source-maps -d widget && cp build/static/css/*.css widget/index.css

C:\Users\Genral Walker\Desktop\Coding\my-personal-works\PneumaCareHQ\consult-widgets\src\App.tsx:17:28: 无法解析依赖项'layouts/DashboardLayout'

这是我的脚本包 json

所以我创建了一个反应应用程序，我想将它转换为一个小部件。嵌入应用程序后，按钮会自动显示，应用程序的其余部分（模式）应仅在单击按钮时显示。我用 react-rewired 和 customized-cra 构建了这个小部件。该应用程序运行良好，并托管在这里。如果您单击托管站点上的按钮，您会看到我希望嵌入式小部件模仿的行为。

但是当我构建小部件并在此处插入托管网站的相应链接时。该按钮已呈现，但是一旦单击它，我就会在控制台中收到大量错误，并且该小部件不再呈现。

以下是错误：

这是我的 package.json：

请问怎么解决这个问题，有解决办法吗？或者有没有更好的方法来构建它以避免这些错误并使小部件按预期工作？谢谢你。

我用包裹捆绑器构建了一个反应小部件。网站和它的 JavaScript 功能可以工作，但 CSS 没有加载，所以它看起来很丑。我尝试了几种方法，但 CSS 不起作用。

*这是我的包 Json

我也有一个 craco.config.js 文件，但它是空的。

这是它嵌入的站点。

这是可嵌入的链接。

我将我的系统从 React 15.4 升级到 React 17.0.2

我对 React-Widgets 有疑问

Warning: Failed prop type: [React Widgets] You are attempting to use a widget that requires localization (Calendar, DateTimePicker, NumberPicker). However there is no localizer set. Please configure a localizer.

所以我不知道如何处理这个。

我为此安装了以下内容。

当我启动程序时，我遇到了上面的错误。这是设置定位器的尝试。

但导致提到的错误。我还查看了文档（http://jquense.github.io/react-widgets/docs/localization），但显然没能成功。

任何帮助，将不胜感激。