导入的React组件无效的元素类型错误

Question

我正在两个不同的应用程序中使用从npm包中导入的组件。

在一个应用程序中，它可以完美运行，而在另一个应用程序中，则会引发此错误：`

array_keys()

由于软件包的版本和导入方法相同，它为什么只能在一个应用程序中引发它？

导入的元素是一个React组件，捆绑在commonJS中，它是唯一的导出元素，因此我将使用

导入它

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

在两种情况下，我都传递相同的道具。该组件应该呈现SVG，并使用

导出

import ProductImage from '@balibart/product-image'

我知道该组件可以正常工作，因为如果我将其内容复制/粘贴到一个单独的文件中，然后使用其路径导入它，那么它将呈现得很好。我看到的唯一选择是create-react-app导入它的方式，但是我很确定我为两个应用程序使用了相同的CRA版本...

Answer 1

好吧，如果有人在此问题上遇到问题，请确保两个应用程序上的webpack版本相同。我的一个应用程序是3.5.1，另一个应用程序是3.8.1，这就是我的进口情况搞砸了。