Framework/React

[React] react-datepicker ์—๋Ÿฌ date-fns๏ปฟ SyntaxError: Unexpected token 'export' ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

yuri lee 2024. 7. 11. 19:55
๋ฐ˜์‘ํ˜•

Intro

์•ˆ๋…•ํ•˜์„ธ์š”. react-datepicker ๋ฅผ ์‚ฌ์šฉํ•˜๋˜ ๋„์ค‘ ์•„๋ž˜์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์˜€์Šต๋‹ˆ๋‹ค. 

SyntaxError: Unexpected token 'export'

 

How to solve the problem

 

date-fns ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด ko (ํ•œ๊ตญ์–ด)๋ฅผ import ํ•˜์—ฌ ์‚ฌ์šฉํ•˜๊ณ ์ž ํ–ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด ๋ถ€๋ถ„์—์„œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๋”๋ผ๊ณ ์š”~ 

import { ko } from 'date-fns/esm/locale'

 

๊ทธ๋ž˜์„œ ์ด ๋ถ€๋ถ„์„ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋ฐ”๊ฟ”์คฌ๋”๋‹ˆ ๋” ์ด์ƒ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ํ˜น์‹œ ์ €์™€ ๊ฐ™์€ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๋ถ„๋“ค์ด ์žˆ์œผ์‹œ๋‹ค๋ฉด ์ด ๋ฐฉ๋ฒ•์„ ํ™œ์šฉํ•ด๋ณด์„ธ์š” :)

import { ko } from 'date-fns/locale'

https://github.com/date-fns/date-fns/issues/2485

๋ฐ˜์‘ํ˜•