본문 바로가기 메뉴 바로가기

UUNG's Devlog

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

UUNG's Devlog

검색하기 폼
  • 분류 전체보기 (17)
    • 회고록 (3)
    • 프로젝트 후기 (1)
    • Language (0)
    • Front (0)
    • 네트워크 (0)
    • Study (13)
      • Git & GitHub (2)
      • JavaScript (3)
      • React (1)
      • Web 기초 (5)
      • Node.js (2)
      • 스터디 정리 (0)
  • 방명록

Study/React (1)
[에러해결]바벨&웹팩 설정시 JSX 변환 오류 해결 (SyntaxError: Support for the experimental syntax ‘jsx’ isn’t currently enabled)

리액트를 처음부터 다시 공부하면서 create-react-app 없이 바닥부터 바벨과 웹팩 설정을 하면서 생긴 오류에 대해서 포스팅해보겠다. 시행착오의 과정이 궁금하지 않은 분들은 밑의 를 확인해주세요! 바벨을 실행하는 여러가지 방법 중 웹팩에서 babel-loader로 실행하는데 생긴 오류이다. 오류는 다음과 같은데, JSX의 태그 문법이 변환이 되지 않아 에러가 나는 상황이다. 구글링을 했을 때 여러 해결방법을 타고 타서 돌아돌아 해결했는데 이 부분을 정리해고자 한다. 에러를 자세히 읽었을때 @babel/preset-react를 설치했음에도 불구하고 저 라이브러리를 npm이 제대로 찾지 못해서 생기는 이슈 같았다. 해결 방법을 찾아보니 1).babelrc 생성 2)babel.config.js 생성 3..

Study/React 2022. 3. 16. 21:33
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
TAG
  • js
  • 2021
  • 개발블로그
  • 2020
  • Promise
  • WEB
  • 플젝
  • 회고록
  • React
  • 뉴비개발자
  • 비동기처리
  • 플젝후기
more
«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바