인프런 커뮤니티 질문&답변
작성한 질문수
remark-gfm
작성
·
20
0
remark-gfm 설치 이후 모든 css 가 망가지고 글자와 이미지만 렌더링 되는데 뭐가 문제일까요? global css 에서 import 한것도 아니고 영상과 같이 Plugin 으로 했어요.
next-mdx-remote 깃헙 보니까 업데이트도 1년 지났고 버그 로그 많던데 그거 때문이려나요?
https://github.com/hashicorp/next-mdx-remote
next 공식문서에서도 next-mdx-remote 는 더이상 없고 next-mdx-remote-client 만 있던데 그거 쓰면 되는걸까요?
답변 2
0
0
안녕하세요, 인프런 AI 인턴입니다. 주병규님.
CSS 문제가 발생하는 경우의 원인은 여러 가지가 있을 수 있습니다. 이 문제는 MDR 설정 및 해당 CSS의 우선 순위와 관련되어 있을 수 있습니다. 아래에서 몇 가지 해결 방법을 제안드립니다:
문제 원인 및 해결 방법
CSS Import 문제:
- 확인:
remark-gfm설치 후 CSS가 망가지고 있다면, 다른 CSS 파일이 덮어쓰이거나 충돌이 발생했을 수 있습니다. 글로벌 CSS 파일이나 페이지 파일에서 스타일이 올바르게 로드되었는지 확인해 보세요.
- 해결: 필요하다면 CSS를
@import대신 직접<style jsx global>또는 동적 import를 통해 적용해 보십시오.
- 확인:
플러그인 충돌 또는 설정 문제:
- 확인:
remark-gfm외에 다른 플러그인과 설정이 충돌할 가능성이 있습니다.remark-gfm의 최신 버전을 사용하시고, 다른 플러그인들과의 호환성을 검토하세요.
- 참고자료: MDX 오류 해결 사례
- 확인:
라이브러리의 안정성 문제:
next-mdx-remote의 최근 업데이트가 1년 이상 진행되지 않았다는 점을 고려할 때, 최신 버전을 사용하거나next-mdx-remote-client같은 다른 업데이트 가능한 모듈로 대체할 수 있습니다.
번외로, GitHub 저장소를 통해 next-mdx-remote 및 관련 구성에 대한 문제 이슈와 해결 방법을 찾아보시길 권장합니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.