Le processus de génération de GatsbyJS lorsque react-fullpage est utilisé dans le projet se termine par une erreur Invariant Violation 130. Le développement fonctionne sans aucun problème.
react-fullpage: https://github.com/alvarotrigo/react-fullpage
Construisez un GatsbyJS avec react-fullpage.
Exemple de référentiel: https://github.com/ValidRobot/gatsby_react-fullPage_Invariant-Violation-130
Le processus de construction devrait fonctionner
Le processus de construction se termine par une erreur de violation invariante n ° 130
Système:
Système d'exploitation: Linux 4.16 Fedora 26 (Workstation Edition) 26 (Workstation Edition)
Processeur: Processeur x64 Intel (R) Core (TM) i5-4210U à 1,70 GHz
Shell: 5.3.1 - / usr / bin / zsh
Binaires:
Nœud: 8.11.3 - ~ / .nvm / versions / node / v8.11.3 / bin / node
Fil: 1.9.4 - / usr / bin / yarn
npm: 5.6.0 - ~ / .nvm / versions / node / v8.11.3 / bin / npm
Navigateurs:
Chrome: 69.0.3497.100
Firefox: 60,0
npmPackages:
gatsby: ^ 2.0.0 => 2.0.19
npmGlobalPackages:
gatsby-cli: 1.1.58
@ValidRobot Selon la documentation de react-fullpage
, vous êtes censé l'importer de la manière suivante (build commonjs) lors de l'utilisation de SSR ou du pré-rendu des pages:
import ReactFullpage from '@fullpage/react-fullpage/dist/react-fullpage-commonjs';
Vous pouvez également supprimer le gatsby-node.js
après avoir modifié l'importation comme ci-dessus. Cela devrait résoudre le problème pour vous.
Commentaire le plus utile
@ValidRobot Selon la documentation de
react-fullpage
, vous êtes censé l'importer de la manière suivante (build commonjs) lors de l'utilisation de SSR ou du pré-rendu des pages:Vous pouvez également supprimer le
gatsby-node.js
après avoir modifié l'importation comme ci-dessus. Cela devrait résoudre le problème pour vous.