Der GatsbyJS-Erstellungsprozess, wenn React-Fullpage im Projekt verwendet wird, endet mit einem Invariant Violation 130-Fehler. Die Entwicklung funktioniert ohne Probleme.
React-Fullpage: https://github.com/alvarotrigo/react-fullpage
Erstellen Sie ein GatsbyJS mit React-Fullpage.
Beispiel-Repository: https://github.com/ValidRobot/gatsby_react-fullPage_Invariant-Violation-130
Der Erstellungsprozess sollte funktionieren
Der Erstellungsprozess endet mit einem Fehler "Invariant Violation # 130"
System:
Betriebssystem: Linux 4.16 Fedora 26 (Workstation Edition) 26 (Workstation Edition)
CPU: x64 Intel (R) Core (TM) i5-4210U CPU bei 1,70 GHz
Shell: 5.3.1 - / usr / bin / zsh
Binärdateien:
Knoten: 8.11.3 - ~ / .nvm / Versionen / Knoten / v8.11.3 / bin / Knoten
Garn: 1.9.4 - / usr / bin / Garn
npm: 5.6.0 - ~ / .nvm / version / node / v8.11.3 / bin / npm
Browser:
Chrome: 69.0.3497.100
Firefox: 60.0
npmPackages:
gatsby: ^ 2.0.0 => 2.0.19
npmGlobalPackages:
gatsby-cli: 1.1.58
@ValidRobot Gemäß der Dokumentation von react-fullpage
sollten Sie es wie folgt importieren (commonjs build), wenn Sie SSR verwenden oder die Seiten vorrendern:
import ReactFullpage from '@fullpage/react-fullpage/dist/react-fullpage-commonjs';
Sie können auch gatsby-node.js
entfernen, nachdem Sie den Import wie oben beschrieben geändert haben. Dies sollte das Problem für Sie beheben.
Hilfreichster Kommentar
@ValidRobot Gemäß der Dokumentation von
react-fullpage
sollten Sie es wie folgt importieren (commonjs build), wenn Sie SSR verwenden oder die Seiten vorrendern:Sie können auch
gatsby-node.js
entfernen, nachdem Sie den Import wie oben beschrieben geändert haben. Dies sollte das Problem für Sie beheben.