Expo는 디폴트로 TypeScript를 사용할 수 있다!!!
4494 단어 reactnativeTypeScriptexpo
expo에서 typescript를 사용하기 쉽고 감동했기 때문에 메모
Expo31.0.0에서는 Flow에서 TypeScript로의 이행이 진행되었다.
따라서 .js 파일을 .ts 및 .tsx로 다시 작성하면 typescript를 도입 할 수 있습니다!
babel을 괴롭히지 않아도! ! !
yarn add 필요 없다! ! !
최고다. Expo 결혼 해주세요.
단지 루트 파일인 App.js만은 .js 그대로 둘 필요가 있다. App.js에 .tsx 파일을 가져오는 것은 괜찮습니다.
우선 아무것도 생각하지 않고 expo로 앱을 작성.
$ npm i -g expo
$ expo init my-folder
$ cd my-folder
tsconfig 만들기
우선 다음을 프로젝트 바로 아래에 기술.
설정의 의미는 생각하지 않는 느낌이다.
// tsconfig.json
{
"compilerOptions": {
"outDir": "build",
"rootDir": "src",
"sourceMap": true,
"noImplicitAny": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"module": "commonjs",
"target": "es6",
"jsx": "react",
"strict": true,
"typeRoots": ["node_modules/@types", "screens/custom-types"],
"baseUrl": ".",
"moduleResolution": "node",
"esModuleInterop": true },
"include": ["./screens/**/*"],
"exclude": ["node_modules"]
}
마지막으로 react 및 react-native 유형을 설치합니다.
npm i -D @types/react @types/react-native
확장자를 .js에서 .tsx로 변경해 봅시다.
이제 typescript를 사용하기 시작할 수 있습니다.
expo start
expo ios
Reference
이 문제에 관하여(Expo는 디폴트로 TypeScript를 사용할 수 있다!!!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kaba/items/057e1b32b918c29c4ed5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)