React 프로젝트 업그레이드 오류, babel 오류, .babelrc 구성 호환성 및 기타 문제
개발 환경과 프로젝트 버전의 호환성 문제로 인해 리액트 스크립트를 업그레이드 하려다 보니 문제가 연달아 나오더군요. 개발은 괜찮았고 패키지화되었습니다. 오류 보고, 이제 발생한 주요 문제와 참조용 최종 솔루션을 나열합니다.
문제 발생
디지털 봉투 루틴::지원되지 않음
명령줄에서 $env:NODE_OPTIONS="--openssl-legacy-provider"를 실행하고 다시 시작합니다.
구문 분석 오류: 이 실험적 구문은 "decorators-legacy", "decorators" 구문 분석기 플러그인 중 하나를 활성화해야 합니다.
ES 모듈의 require() ……지원되지 않습니다.
구문 분석 오류: 이 실험적 구문은 "decorators-legacy", "decorators" 구문 분석기 플러그인 중 하나를 활성화해야 합니다.
[eslint] "경로" 인수는 문자열 유형이어야 합니다. Array의 인스턴스를 받았습니다.
[eslint] .eslintrc의 ESLint 구성이 유효하지 않음:
- 예기치 않은 최상위 속성 "babel".
마지막 해결책
루트 디렉터리에서 .babelrc 파일을 삭제하고 package.json에서 구성합니다.
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
]
]
},
필요한 경우 종속 항목 설치: "@babel/eslint-parser"
메모
babel-eslint는 2020년 3월부터 더 이상 사용되지 않습니다. 패키지가 새 저장소로 마이그레이션되었습니다. 필요한 경우 '@babel/eslint-parser'를 참조하세요.