Gatsby: GatsbyJS ๋นŒ๋“œ ํ”„๋กœ์„ธ์Šค๊ฐ€ Invariant Violation : Minified React error # 130์œผ๋กœ ์ข…๋ฃŒ๋ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2018๋…„ 10์›” 10์ผ  ยท  1๋…ผํ‰  ยท  ์ถœ์ฒ˜: gatsbyjs/gatsby

๊ธฐ์ˆ 

ํ”„๋กœ์ ํŠธ์—์„œ react-fullpage๊ฐ€ ์‚ฌ์šฉ๋  ๋•Œ GatsbyJS ๋นŒ๋“œ ํ”„๋กœ์„ธ์Šค๋Š” Invariant Violation 130 ์˜ค๋ฅ˜๋กœ ๋๋‚ฉ๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์€ ๋ฌธ์ œ์—†์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

react-fullpage : https://github.com/alvarotrigo/react-fullpage

์žฌํ˜„ ๋‹จ๊ณ„

react-fullpage๋กœ GatsbyJS๋ฅผ ๋นŒ๋“œํ•˜์„ธ์š”.
์˜ˆ์ œ ์ €์žฅ์†Œ : https://github.com/ValidRobot/gatsby_react-fullPage_Invariant-Violation-130

์˜ˆ์ƒ ๊ฒฐ๊ณผ

๋นŒ๋“œ ํ”„๋กœ์„ธ์Šค๊ฐ€ ์ž‘๋™ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

์‹ค์ œ ๊ฒฐ๊ณผ

๋นŒ๋“œ ํ”„๋กœ์„ธ์Šค๊ฐ€ Invariant Violation # 130 ์˜ค๋ฅ˜๋กœ ์ข…๋ฃŒ๋ฉ๋‹ˆ๋‹ค.

ํ™˜๊ฒฝ

์ฒด๊ณ„:
์šด์˜์ฒด์ œ : Linux 4.16 Fedora 26 (Workstation Edition) 26 (Workstation Edition)
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
๋ธŒ๋ผ์šฐ์ € :
ํฌ๋กฌ : 69.0.3497.100
Firefox : 60.0
npm ํŒจํ‚ค์ง€ :
๊ฐœ์ธ ๋น„ : ^ 2.0.0 => 2.0.19
npmGlobalPackages :
gatsby-cli : 1.1.58

question or discussion

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@ValidRobot react-fullpage ์˜ ๋ฌธ์„œ ์— ๋”ฐ๋ผ SSR์„ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ ํŽ˜์ด์ง€๋ฅผ ๋ฏธ๋ฆฌ ๋ Œ๋”๋ง ํ•  ๋•Œ ๋‹ค์Œ ๋ฐฉ๋ฒ• (commonjs ๋นŒ๋“œ)์œผ๋กœ ๊ฐ€์ ธ์™€์•ผํ•ฉ๋‹ˆ๋‹ค.

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

์œ„์™€ ๊ฐ™์ด ๊ฐ€์ ธ ์˜ค๊ธฐ๋ฅผ ๋ณ€๊ฒฝ ํ•œ ํ›„ gatsby-node.js ์ œ๊ฑฐ ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

>๋ชจ๋“  ๋Œ“๊ธ€

@ValidRobot react-fullpage ์˜ ๋ฌธ์„œ ์— ๋”ฐ๋ผ SSR์„ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ ํŽ˜์ด์ง€๋ฅผ ๋ฏธ๋ฆฌ ๋ Œ๋”๋ง ํ•  ๋•Œ ๋‹ค์Œ ๋ฐฉ๋ฒ• (commonjs ๋นŒ๋“œ)์œผ๋กœ ๊ฐ€์ ธ์™€์•ผํ•ฉ๋‹ˆ๋‹ค.

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

์œ„์™€ ๊ฐ™์ด ๊ฐ€์ ธ ์˜ค๊ธฐ๋ฅผ ๋ณ€๊ฒฝ ํ•œ ํ›„ gatsby-node.js ์ œ๊ฑฐ ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

benstr picture benstr  ยท  3์ฝ”๋ฉ˜ํŠธ

theduke picture theduke  ยท  3์ฝ”๋ฉ˜ํŠธ

jimfilippou picture jimfilippou  ยท  3์ฝ”๋ฉ˜ํŠธ

mikestopcontinues picture mikestopcontinues  ยท  3์ฝ”๋ฉ˜ํŠธ

ferMartz picture ferMartz  ยท  3์ฝ”๋ฉ˜ํŠธ