React-dnd: TypeScript์—์„œ ์ตœ์‹  ๋ฒ„์ „์˜ react-dnd๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2018๋…„ 06์›” 07์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: react-dnd/react-dnd

๋ฒ„๊ทธ ์„ค๋ช…
์šฐ๋ฆฌ๋Š” TypeScript๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ์ตœ์‹  ๋ฒ„์ „์˜ react-dnd(2.6.0๋ถ€ํ„ฐ)๋กœ ์—…๋ฐ์ดํŠธํ•œ ํ›„ ๋‹ค์Œ๊ณผ ์œ ์‚ฌํ•œ ์˜ค๋ฅ˜๋กœ ์ธํ•ด ์ƒˆ ํŒจํ‚ค์ง€๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

ERROR in C:/Dev/client/node_modules/react-dnd/lib/DragLayer.d.ts(1,8):
TS1192: Module '"C:/Dev/client/node_modules/@types/react/index"' has no default export.

๋ฌธ์ œ๋Š” react-dnd์— ๋Œ€ํ•ด ์ƒ์„ฑ๋œ .d.ts ํŒŒ์ผ์—์„œ ๋‹ค์Œ์„ ์‚ฌ์šฉํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

import React from 'react';

์–ด๋””์— ์‚ฌ์šฉํ•ด์•ผํ•˜๋Š”์ง€

import * as React from 'react';

์žฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด
typescript ํ”„๋กœ์ ํŠธ์— react-dnd๋ฅผ ํฌํ•จํ•˜๊ณ  ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.

์˜ˆ์ƒ๋˜๋Š” ํ–‰๋™
์ด๋Ÿฌํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋ฐ์Šคํฌํƒ‘(๋‹ค์Œ ์ •๋ณด๋ฅผ ์ž‘์„ฑํ•˜์‹ญ์‹œ์˜ค):

  • ์šด์˜ ์ฒด์ œ: ์œˆ๋„์šฐ 10
  • ๋ธŒ๋ผ์šฐ์ €: ์ „์ž ์‚ฌ์šฉ
  • ๋ฒ„์ „ 4.0.4

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

4.0.5์—์„œ ํ•ด๊ฒฐ๋˜์–ด์•ผ ํ•จ

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

react-dnd 4.0.4๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ macOS 10.13.5์—์„œ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๋Š”์ง€ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์—…๋ฐ์ดํŠธ๋  ๋•Œ๊นŒ์ง€ ์ˆ˜์ •:

ํ”„๋กœ์ ํŠธ ๋ฃจํŠธ์— ์„œ์„œ ํ„ฐ๋ฏธ๋„์—์„œ ์ด๊ฒƒ์„ ์‹คํ–‰ํ•˜๋ฉด mac/linux์—์„œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

perl -pi -w -e 's/import React from/import * as React from/g;' ./node_modules/react-dnd/lib/*.d.ts && perl -pi -w -e 's/import PropTypes from/import * as PropTypes from/g;' ./node_modules/react-dnd/lib/*.d.ts

chrome์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ react-dnd 2.6.0์—์„œ๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

@ manu-st # 1075

4.0.5์—์„œ ํ•ด๊ฒฐ๋˜์–ด์•ผ ํ•จ

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