CreateReactApp 및 TypeScript로 선택적 체인을 활성화하는 방법

CreateReactApp 및 TypeScript로 선택적 체인을 활성화하는 방법

실험 구문 'optionalChaining'에 대한 지원이 현재 활성화되지 않았습니다.

저는 위의 오류를 받고 있었습니다.이 게시물을 팔로우하고 추가했습니다."@babel/plugin-proposal-optional-chaining": "^7.7.4"내 속으로devDependencies.

그러면 나는 이 오류를 받고 있습니다.

변환을 사용하도록 설정하려면 Babel 구성의 'plugins' 섹션에 @babel/babel-interval-optional-chaining(https://git.io/vb4Sk) 을 추가합니다.

그래서 저는 이 게시물을 따라가서 추가했습니다..babelrc내 프로젝트 루트에 파일 추가

{
    "presets": ["react", "es2015","stage-1"],
    "plugins": ["transform-runtime", "transform-optional-chaining"]
}

이것은 아무 것도 하지 않는 것처럼 보였습니다.또 누군가가 그의 가족을Create React AppBabel의 구성을 수정할 수 없습니다.그래서 제 질문은 전체를 재연결하지 않고 선택적 체인을 활성화하는 방법입니다.CRA?

추신: 사용하고 있습니다."typescript": "^3.7.2"아니면 적어도 그것은 나의 것입니다.package.json말해요. 난 노력했어요.npm install업데이트를 확인합니다.확실하지 않습니다CRA밑에서 이상한 행동을 하고 이전 버전을 사용하는 것.TypeScript어떻게든.

---

편집: 프로젝트를 시작할 때CRA우리가 사용하고 있었던 것 같습니다.TypeScript: 3.6.x사용하고 싶었습니다.Optional Chaining그래서 나는 나의 것을 바꿨습니다.package.json로 철하다."typescript": "^3.7.2"그리고나서npm install제 생각에 문제는TypeScript사용 중임을 알고 있음3.7.2,그렇지만CRA아직 이전 구성을 사용하고 있으며 업데이트 방법을 잘 모르겠습니다.

Create-React-App은 babel을 사용하여 TypeScript를 transfile하여 npm이 설치한 TypeScript 버전을 사용하지 않습니다.react-scripts 버전 3.3.0은 TypeScript 3.7을 지원합니다.설치하고 다음과 함께 사용할 수 있습니다.

• yarn add react-scripts@3.3.0

  -또는 -

• npm install -s react-scripts@3.3.0

꾸러미제이손

{
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom"
  },
  "devDependencies": {
    "@babel/plugin-proposal-optional-chaining": "^7.2.0",
    "customize-cra": "^0.4.1",
    "react-app-rewired": "^2.1.3"
  }
  ...other
}

---

config-interval.제이에스

const { useBabelRc, override } = require('customize-cra');
module.exports = override(useBabelRc());

---

.babelrc

{
  "plugins": ["@babel/plugin-proposal-optional-chaining"]
}

상세 블로그 게시물

React 스크립트 3.3.0 이상에서는 이를 지원합니다.react-scripts@next를 설치할 필요가 없습니다.

포장만 넣어주세요.제이손"react-scripts": "^3.3.0"효과가 있을 겁니다

언급URL : https://stackoverflow.com/questions/59093630/how-to-enable-optional-chaining-with-create-react-app-and-typescript