Gatsby: GatsbyJSビルドプロセスは不変の違反で終了します：最小化されたReactエラー＃130

作成日 2018年10月10日 · 1コメント · ソース: gatsbyjs/gatsby

説明

プロジェクトでreact-fullpageが使用されている場合のGatsbyJSビルドプロセスは、Invariant Violation130エラーで終了します。開発は問題なく動作します。

react-fullpage： https ：

再現する手順

react-fullpageを使用してGatsbyJSを構築します。
リポジトリの例： https ：

期待される結果

ビルドプロセスは機能するはずです

実結果

ビルドプロセスが不変違反＃130エラーで終了する

環境

システム：
OS：Linux 4.16 Fedora 26（ワークステーションエディション）26（ワークステーションエディション）
CPU：x64 Intel（R）Core（TM）i5-4210U CPU @ 1.70GHz
シェル：5.3.1- / usr / bin / zsh
バイナリ：
ノード：8.11.3-〜 / .nvm / versions / node / v8.11.3 / bin / node
毛糸：1.9.4- / usr / bin / yarn
npm：5.6.0-〜 / .nvm / versions / node / v8.11.3 / bin / npm
ブラウザ：
Chrome：69.0.3497.100
Firefox：60.0
npmPackages：
gatsby：^ 2.0.0 => 2.0.19
npmGlobalPackages：
gatsby-cli：1.1.58

question or discussion

ソース

ValidRobot

最も参考になるコメント

@ValidRobot react-fullpageのドキュメントによると、SSRを使用する場合、またはページを事前にレンダリングする場合は、次の方法（commonjsビルド）でインポートすることになっています。

import ReactFullpage from '@fullpage/react-fullpage/dist/react-fullpage-commonjs';

上記のようにインポートを変更した後、 gatsby-node.js削除することもできます。これで問題が解決するはずです。

kakadiadarpan 2018年10月10日

👍2 ❤1

>すべてのコメント

import ReactFullpage from '@fullpage/react-fullpage/dist/react-fullpage-commonjs';