[React][React-issue] Attempted import error: 'remarkable' does not contain a default export (imported as 'Remarkable')

리액트 공식 홈페이지에 예제(MarkdownEditor) 따라하다 발생한 에러

 

ko.reactjs.org/

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

 

공식홈페이지 첫 장 맨 아래에 있는 예제이다.

 

나한테 발생하는 리액트 에러는 거의 typo 아니면 import error 같다.

 

참고로 위 예제를 정상적으로 실행하려면 Remarkable 모듈을 terminal에서 install 해야 한다.

 

npm install remarkable --save

 

내가 사용하려는 Remarkable 의 Type Definition은 이렇게 생겼다.

 

 

 

Remarkable import를 이렇게만 작성한다면

 

 

 

 

이러한 에러 메시지를 볼 수 있다.

 

 

 

 

Remarkable import문 형태만 바꾸는 것으로 간단히 해결할 수 있다.