Gatsby: O processo de compilação do GatsbyJS termina em uma violação invariável: erro de reação reduzida nº 130
Descrição
O processo de construção GatsbyJS quando react-fullpage é usado no projeto termina em um erro Invariant Violation 130. O desenvolvimento funciona sem problemas.
react-fullpage: https://github.com/alvarotrigo/react-fullpage
Passos para reproduzir
Construa um GatsbyJS com react-fullpage.
Repositório de exemplo: https://github.com/ValidRobot/gatsby_react-fullPage_Invariant-Violation-130
Resultado esperado
O processo de construção deve funcionar
Resultado atual
O processo de compilação termina em um erro Invariant Violation # 130
Ambiente
Sistema:
SO: Linux 4.16 Fedora 26 (Workstation Edition) 26 (Workstation Edition)
CPU: x64 Intel (R) Core (TM) i5-4210U CPU @ 1,70 GHz
Shell: 5.3.1 - / usr / bin / zsh
Binários:
Nó: 8.11.3 - ~ / .nvm / versions / node / v8.11.3 / bin / node
Fio: 1.9.4 - / usr / bin / yarn
npm: 5.6.0 - ~ / .nvm / versions / node / v8.11.3 / bin / npm
Navegadores:
Chrome: 69.0.3497.100
Firefox: 60.0
npmPacotes:
gatsby: ^ 2.0.0 => 2.0.19
npmGlobalPackages:
gatsby-cli: 1.1.58
ValidRobot
>Todos os comentários
@ValidRobot De acordo com a documentação de react-fullpage , você deve importá-lo da seguinte maneira (build commonjs) ao usar SSR ou pré-renderizar as páginas:
import ReactFullpage from '@fullpage/react-fullpage/dist/react-fullpage-commonjs';
Você também pode remover gatsby-node.js após alterar a importação como acima. Isso deve resolver o problema para você.
kakadiadarpan
em 10 out. 2018
Questões relacionadas
jimfilippou
·
3Comentários
Oppenheimer1
·
3Comentários
brandonmp
·
3Comentários
magicly
·
3Comentários
andykais
·
3Comentários
Comentários muito úteis
@ValidRobot De acordo com a documentação de
react-fullpage, você deve importá-lo da seguinte maneira (build commonjs) ao usar SSR ou pré-renderizar as páginas:Você também pode remover
gatsby-node.jsapós alterar a importação como acima. Isso deve resolver o problema para você.