Reactjs &引用;子树父级应为装入的类组件&引用;提取组分后

Reactjs &引用;子树父级应为装入的类组件&引用;提取组分后,reactjs,Reactjs,我有一个基于office ui结构的组件(表单)。表单在我的react应用程序中运行良好。然而,由于我们在多个地方需要它,所以我们决定将其作为npm包 我提取了组件,并可以在我的应用程序中实现它。我可以填写文本字段并保存,它工作正常。但是,一旦打开下拉列表或日期选择器(基本上是office ui fabric中的“标注”),我就会收到以下错误消息: “子树父级应为装入的类组件。此错误可能是由React中的错误引起的。请提交一个问题。” 以及: “react dom.development.js:

我有一个基于office ui结构的组件(表单)。表单在我的react应用程序中运行良好。然而,由于我们在多个地方需要它,所以我们决定将其作为npm包

我提取了组件,并可以在我的应用程序中实现它。我可以填写文本字段并保存,它工作正常。但是,一旦打开下拉列表或日期选择器(基本上是office ui fabric中的“标注”),我就会收到以下错误消息:

“子树父级应为装入的类组件。此错误可能是由React中的错误引起的。请提交一个问题。”

以及:

“react dom.development.js:14227组件中出现上述错误: 在LayerBase中 在CustomizedLayer中 在StyledCustomizedLayer中 插页 分头 在普通人群中 [...] "

因为当我直接在我的应用程序中实现它时,它是工作的,所以我认为它一定是在构建过程中。任何人都能说出这个错误信息的确切含义吗

我在组件中使用的软件包版本与在应用程序中使用的软件包版本相同


我能提供一些可能有用的文件吗?我不知道是否显示webpack.config或package.json以获得组件帮助?

好的,这确实是我构建过程中的一个错误。我将node_模块与我的组件捆绑在一起,因此突然出现了两个react“实例”。安装webpack节点外部并添加

externals: [nodeExternals()]

我的webpack.config现在可以使用了。

浏览一下
webpack.config
package.json
和基本项目结构可能会有所帮助。我发现只有在中的
findcurrentumakedcontext
函数中才会抛出错误。react似乎想要“取消屏蔽”一个组件,但提供的组件不是类组件。我希望这对你来说是有意义的。谢谢你,这确实让我走上了正确的道路。关于我问题的解决方案,请参见下面的答案。