create-react-app3 "Parsing error: Unexpected token =eslint" 에러 CRA(create-react-app)의 package.json 설정으로 해결 증상 ESLint에서 구문 체크 중 "Parsing error: Unexpected token =eslint" 에러 발생 원인 ESLint가 ES6 ~ 7 파싱할때 위와 같은 문제가 발생할 수 있음. 조치 방법 eslint의 default parser는 Espree 입니다. (Espress는 ES6가 안정화되기 전에 Esprima의 마지막 안정판인 Esprima v1.2.2를 포크해서 시작됨) [https://eslint.org/docs/user-guide/configuring] 따라서 파서를 babel-eslint로 바꿔주면 됩니다. (1) babel-eslint 설치 및 세팅 https://roomedia.tistory.com/entry/%EC%9D%B4%EC%8A%88-9-Parsing-error-.. 2020. 8. 10. [create-react-app] 다른 host에서 접근하기 (0.0.0.0) node_modules/react-scripts/sripts/start.js를 살펴보면 아래와 같이 되어있어야한다. 예전 버전 create-react-app에는 요런게 없다. JS 문법으로다가 환경 변수 체크해서 없으면 '0.0.0.0' 으로 들어감 근데 요게 예전에는 localhost가 박혀 있었음. (https://github.com/facebook/create-react-app/pull/128/commits/55b93b4002562ccf8fbd6d4034db9bd9a2162a4c) 적용된 create-react-app 버전은 귀찮아서 안찾아봤고 아래와 같이 .env 파일에 HOST 환경 변수를 추가해주면 다른 호스트에서도 접근 가능하다. HOST=0.0.0.0 2020. 5. 18. create-react-app 쓰지 않고 webpack으로 React 앱 만들기 (1) # 목표 # create-react-app을 사용하지 않고 React 앱을 만들어보자 webpack으로 하나의 js 파일로 만들어보자 webpack-hot-loader & reactwebpack-dev-server 로 수정사항 바로 확인해보자 # 패키지 설치 # npm init npm i react react-dom npm i 옵션을 통하여 설치 시 package.json에 기본 의존성 패키지(dependencies)로 추가된다. { ... "dependencies": { "react": "^16.13.0", "react-dom": "^16.13.0" }, ... } react : react의 기본 패키지 react-dom : react 코드를 랜더링하기 위한 패키지 npm i -D @babel/core.. 2020. 3. 9. 이전 1 다음
