client 컴파일 에러

리액트로 나만의 블로그 만들기(MERN Stack)

(37) CKEditor Final Setting

작성

453

모듈을 설치 후 컴파일 하면 다음과 같은 에러가 발생합니다. 해당 모듈(media-embed)을 지우고 다시 설치 해도 같은 현상이 나타납니다.

./node_modules/@ckeditor/ckeditor5-media-embed/theme/mediaembedediting.css (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./node_modules/@ckeditor/ckeditor5-media-embed/theme/mediaembedediting.css)

Module not found: Can't resolve './@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css' in 'D:\blog\client\node_modules\@ckeditor\ckeditor5-media-embed\theme'

mongodb react express bootstrap nodejs redux

답변 5

싸플

지식공유자

앗 거의 동시에 답변이 달렸네요. ㅎㅎㅎ

싸플

지식공유자

만약 모든것을 install, import 하셨는데도 오류가 발생한다면

Module not found: Can't resolve './@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css' in

'D:\blog\client\node_modules\@ckeditor\ckeditor5-media-embed\theme'

부분을 추측컨데... 혹시 ckeditor를 classic이 아닌 다른것을 사용하시나요? classic 사용시에는 해당 css가 필요없어 완성된 코드의 node_module에서도 해당 css가 없네요.

일단 node_modules를 모두 삭제하시고, package-lock.json도 삭제 하신 후 다시 설치해보시길 권해드립니다.

혹시 classic이 아닌 다른 것을 사용하신다면

https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/react.html

공식문서를 참고하셔야 할 것 같습니다.

skywalk

질문자

모듈 설치 문제는 해결한 것 같습니다. eject 가 잘못되어 불완전한 상태에서 작업이 있었습니다. 이후 과정 에러는 천천히 해결하고 있습니다. 수고하세요.

skywalk

질문자

client/src/components/editor/EditConfig.js 에 그렇게 import 되어 있습니다.

싸플

지식공유자

import MediaEmbed from "@ckeditor/ckeditor5-media-embed/src/mediaembed";

한번 이것을 import 해보시겠어요? 모듈을 찾을 수 없는 에러 같습니다

인프런 커뮤니티 질문&답변

client 컴파일 에러