React-元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:对象

时间:2018-10-01 15:45:16

标签: reactjs webpack gatsby

我真的很聪明。我正在尝试构建和部署Gatsby网站,并且在尝试构建静态HTML页面后遇到上述错误。 CSS和JS文件都可以毫无问题地构建。

我也收到一个WebpackError:WebpackError: Minified React error #130;,可以在这里找到:#130

Gatsby's Docs建议此#130 error是由于在同一文件中混合了importrequire调用。我已经在整个目录中搜寻了类似的内容,但是我找不到任何发生这种情况的地方。我似乎也没有Gatsby文档也针对此错误建议的其他问题。

是否还有其他人遇到过这个问题,如果是这样,您的解决方案是什么?我不确定如何发布代码,因为我什至不知道这里出了什么问题。一切都可以在本地编译并在开发服务器上运行,而不会出现问题,这就是为什么我很困惑的原因。代码如何在本地编译和完善,而不能构建和部署?

1 个答案:

答案 0 :(得分:1)

此问题已解决。对于任何使用Gatsby构建网站的人来说,问题是我在/styles目录中有一个样式元素的src/pages目录。

构建时会引发错误,因为Gatsby期望/src/pages目录内的JS文件仅导出为React组件,而React组件又表示网站的页面。

我将样式移动到/src中,瞧。造成错误的原因是,样式化的组件是JS文件,并且如上所述,Gatsby除了在/src/pages内导出的React组件之外,没有其他期望。