<p>νŠΈλ‘œμ΄μΉ΄λŠ” SSR을 κΉ¨λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€</p>

에 λ§Œλ“  2020λ…„ 05μ›” 23일  Β·  11μ½”λ©˜νŠΈ  Β·  좜처: protectwise/troika

https://github.com/react-spring/drei/issues/25

https://github.com/react-spring/drei/issues/23

λ…Έλ“œμ— μ‘΄μž¬ν•˜μ§€ μ•ŠλŠ” document 에 μ˜μ‘΄ν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

트둜이카λ₯Ό μœ μ‚¬ λ™ν˜•μœΌλ‘œ λ§Œλ“€κΈ° μœ„ν•΄μ„œλŠ” λ‹€μŒκ³Ό 같이 ν•˜λ©΄ λ©λ‹ˆλ‹€.

const linkEl = typeof document !== 'undefined' && document.createElement('a')

μ΄λ ‡κ²Œ ν•˜λ©΄ ssr이 μ •μƒμ μœΌλ‘œ μž‘λ™ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ“  11 λŒ“κΈ€

μ‹ κ³ ν•΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€. SSR ν™˜κ²½μ΄ μ‹€μ œλ‘œ ν…μŠ€νŠΈλ₯Ό λ Œλ”λ§ν•˜λ €κ³  μ‹œλ„ν•˜μ§€ μ•Šμ„ 것이라고 κ°€μ •ν•˜λŠ” 것이 λ§žμŠ΅λ‹ˆκΉŒ? μœ„μ—μ„œ μ œμ•ˆν•œ μˆ˜μ • 사항은 초기 슀크립트 λͺ¨λ“ˆ λ‘œλ“œ μ‹œ 였λ₯˜λ₯Ό λ°©μ§€ν•˜μ§€λ§Œ λ‚˜μ€‘μ— μ‹€μ œλ‘œ ν•΄λ‹Ή linkEl 을 μ‚¬μš©ν•˜λ €κ³  ν•˜λ©΄ μ‹€νŒ¨ν•˜λ―€λ‘œ 이것이 λ¬Έμ œκ°€ μ•„λ‹Œμ§€ ν™•μΈν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€.

1b005ecκ°€ νŠΈλ¦­μ„ μˆ˜ν–‰ν•΄μ•Ό ν•˜μ§€λ§Œ 0.26.0 릴리슀λ₯Ό κ²Œμ‹œν•˜κΈ° 전에 λͺ‡ 가지 확인을 ν•˜λ©΄ 기뢄이 λ‚˜μ•„μ§ˆ κ²ƒμž…λ‹ˆλ‹€.

λ„€ λ§žμŠ΅λ‹ˆλ‹€. μΆ©λŒν•˜μ§€ μ•Šμ„ λΏμž…λ‹ˆλ‹€. λ°˜λ©΄μ— ν΄λΌμ΄μ–ΈνŠΈλŠ” μ¦‰μ‹œ 보기λ₯Ό μ œμ‹œν•  κΈ°νšŒκ°€ 있으며 λ‚˜μ€‘μ— λ‹€μ‹œ μˆ˜ν™”λ©λ‹ˆλ‹€.

해보라고 ν•΄λ΄μ•Όκ² λ„€μš” μˆ˜μ • κ°μ‚¬ν•©λ‹ˆλ‹€...

λ‚˜λŠ” κ·Έ μˆ˜μ •μœΌλ‘œ 0.26.0을 κ²Œμ‹œν–ˆμœΌλ©° require() λ…Έλ“œ replμ—μ„œ ν…ŒμŠ€νŠΈν•œ ν›„ 문제λ₯Ό μˆ˜μ •ν•΄μ•Ό ν•œλ‹€κ³  ν™•μ‹ ν•©λ‹ˆλ‹€. μ‚¬μš©μžμ˜ λ¬Έμ œκ°€ ν•΄κ²°λ˜μ§€ μ•ŠμœΌλ©΄ 이것을 λ‹€μ‹œ μ—¬μ‹­μ‹œμ˜€. 감사 ν•΄μš”!

ꡉμž₯ν•΄! κ°μ‚¬ν•©λ‹ˆλ‹€. 제 μžλ£Œλ„ λ‹€μ‹œ κ²Œμ‹œν•˜κ² μŠ΅λ‹ˆλ‹€.

μ•„λ§ˆλ„ κ΄€λ ¨μ΄μžˆμ„ κ²ƒμž…λ‹ˆλ‹€. λ‚˜λŠ” nextjsλ₯Ό μ‚¬μš©ν•˜κ³  있으며 μ‹œμž‘μ‹œ λ‹€μŒ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€. v0.26에

Troika createWorkerModule: web workers not allowed in current environment; falling back to main thread execution. ReferenceError: Worker is not defined
    at supportsWorkers (/Users/mk/dev/workspace/dapps/gione/node_modules/troika-worker-utils/dist/troika-worker-utils.umd.js:417:20)
    at defineWorkerModule (/Users/mk/dev/workspace/dapps/gione/node_modules/troika-worker-utils/dist/troika-worker-utils.umd.js:472:10)
    at /Users/mk/dev/workspace/dapps/gione/node_modules/troika-worker-utils/dist/troika-worker-utils.umd.js:606:30
    at /Users/mk/dev/workspace/dapps/gione/node_modules/troika-worker-utils/dist/troika-worker-utils.umd.js:2:66
    at Object.<anonymous> (/Users/mk/dev/workspace/dapps/gione/node_modules/troika-worker-utils/dist/troika-worker-utils.umd.js:5:2)

@gtolarc ν•˜λ“œ 였λ₯˜κ°€ μ•„λ‹ˆλΌ console.warn μ—¬μ•Ό ν•©λ‹ˆλ‹€. λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆκΉŒ?

@gtolarc λ‚˜λŠ” κ·Έ κ²½κ³  λ©”μ‹œμ§€κ°€ μ„œλ²„ λ‘œκ·Έμ—μ„œ μ–΄λ–»κ²Œ 맀우 성가신지λ₯Ό λ³Ό 수 μžˆμœΌλ―€λ‘œ λΈŒλΌμš°μ €κ°€ μ•„λ‹Œ ν™˜κ²½μ—μ„œ 계속 μ§„ν–‰ν•˜μ—¬ ν‘œμ‹œν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” κ·Έ λ³€κ²½ μ‚¬ν•­μœΌλ‘œ 0.26.1을 κ²Œμ‹œν–ˆμŠ΅λ‹ˆλ‹€.

λ„€, λ‹€λ₯Έ λ¬Έμ œλŠ” λŠλΌμ§€ λͺ»ν–ˆμŠ΅λ‹ˆλ‹€. 0.26.1μ—μ„œ κ²½κ³  λ©”μ‹œμ§€κ°€ μ‚¬λΌμ‘ŒμŠ΅λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€! @lojjic

μ£„μ†‘ν•©λ‹ˆλ‹€. λ‹€μ‹œ μ—¬λŠ” κ²ƒμž…λ‹ˆλ‹€. λ‚˜λŠ” μ—¬μ „νžˆ λ‚΄ 농담 ν…ŒμŠ€νŠΈμ—μ„œ console.warning을 λ΄…λ‹ˆλ‹€. μ–΄μ¨Œλ“  이것을 μ–΅μ œν•˜λ €λ©΄?

troika-worker-utilsμ—μ„œ μ›Ή μž‘μ—…μž 생성 μ‹€νŒ¨λ₯Ό μ½˜μ†”μ— κΈ°λ‘ν•˜κΈ° 전에 ν”„λ‘œμ„ΈμŠ€ ν™˜κ²½μ΄ 'ν…ŒμŠ€νŠΈ'인지 ν™•μΈν•˜λŠ” μž‘μ€ MR을 μ—΄μ—ˆμŠ΅λ‹ˆλ‹€. https://github.com/protectwise/troika/pull/85

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰