El proceso de compilación de GatsbyJS cuando se usa react-fullpage en el proyecto termina en un error Invariant Violation 130. El desarrollo funciona sin problemas.
react-fullpage: https://github.com/alvarotrigo/react-fullpage
Cree un GatsbyJS con react-fullpage.
Repositorio de ejemplo: https://github.com/ValidRobot/gatsby_react-fullPage_Invariant-Violation-130
El proceso de construcción debería funcionar
El proceso de compilación finaliza en un error de infracción invariable n. ° 130
Sistema:
SO: Linux 4.16 Fedora 26 (Edición de estación de trabajo) 26 (Edición de estación de trabajo)
CPU: CPU x64 Intel (R) Core (TM) i5-4210U a 1,70 GHz
Shell: 5.3.1 - / usr / bin / zsh
Binarios:
Nodo: 8.11.3 - ~ / .nvm / versions / node / v8.11.3 / bin / node
Hilado: 1.9.4 - / usr / bin / yarn
npm: 5.6.0 - ~ / .nvm / versions / node / v8.11.3 / bin / npm
Navegadores:
Cromo: 69.0.3497.100
Firefox: 60.0
npm Paquetes:
gatsby: ^ 2.0.0 => 2.0.19
npmGlobalPackages:
gatsby-cli: 1.1.58
@ValidRobot Según la documentación de react-fullpage
, se supone que debe importarlo de la siguiente manera (compilación commonjs) cuando use SSR o renderice previamente las páginas:
import ReactFullpage from '@fullpage/react-fullpage/dist/react-fullpage-commonjs';
También puede eliminar gatsby-node.js
después de cambiar la importación como se indicó anteriormente. Esto debería solucionar el problema.
Comentario más útil
@ValidRobot Según la documentación de
react-fullpage
, se supone que debe importarlo de la siguiente manera (compilación commonjs) cuando use SSR o renderice previamente las páginas:También puede eliminar
gatsby-node.js
después de cambiar la importación como se indicó anteriormente. Esto debería solucionar el problema.