리액트 질문!

Question

현재 리액트 구조를 다음과 같이 설정했습니다.루트(react 일반폴더)common (일반 폴더)Button.js (일반 함수형 컴포넌트 js파일)packages (일반 폴더)human (create-react-app 패키지)human 패키지에 common 을 yarn add common 명령어를 입력해서 설치하고컴포넌트를 import 해서 사용하니깐 jsx 문법을 읽을 수 없다고 오류가 나더라구요.syntax 'jsx' isn't currently enabled (5:10):3 | 4 | const Button = ({ onClick, children }) => {5 | return ; | ^ 6 | }; 7 | 8 | export default Button;Add @babel/preset-react (https://github.com/babel/babel/tree/main/packages/babel-preset-react) to the 'presets' section of your Babel config to enable transformation. If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://github.com/babel/babel/tree/main/packages/babel-plugin-syntax-jsx) to the 'plugins' section to enable parsing.이를 해결하려고 common 폴더 내에 바벨을 설치했는데 이렇게해도 jsx 문법을 읽을 수없다고 계속 오류가나던데어떻게 해결해야할까요?

리액트 질문!

0개의 답변

#babel 목록