我真的很聪明。我正在尝试构建和部署Gatsby网站,并且在尝试构建静态HTML页面后遇到上述错误。 CSS和JS文件都可以毫无问题地构建。
我也收到一个WebpackError:WebpackError: Minified React error #130;
,可以在这里找到:#130
Gatsby's Docs建议此#130 error
是由于在同一文件中混合了import
和require
调用。我已经在整个目录中搜寻了类似的内容,但是我找不到任何发生这种情况的地方。我似乎也没有Gatsby文档也针对此错误建议的其他问题。
是否还有其他人遇到过这个问题,如果是这样,您的解决方案是什么?我不确定如何发布代码,因为我什至不知道这里出了什么问题。一切都可以在本地编译并在开发服务器上运行,而不会出现问题,这就是为什么我很困惑的原因。代码如何在本地编译和完善,而不能构建和部署?
答案 0 :(得分:1)
此问题已解决。对于任何使用Gatsby构建网站的人来说,问题是我在/styles
目录中有一个样式元素的src/pages
目录。
构建时会引发错误,因为Gatsby期望/src/pages
目录内的JS文件仅导出为React组件,而React组件又表示网站的页面。
我将样式移动到/src
中,瞧。造成错误的原因是,样式化的组件是JS文件,并且如上所述,Gatsby除了在/src/pages
内导出的React组件之外,没有其他期望。