programing

React Native 프로젝트에는 index.ios.js 또는 index.android가 없습니다.js

abcjava 2023. 3. 2. 21:52
반응형

React Native 프로젝트에는 index.ios.js 또는 index.android가 없습니다.js

안녕, 나는 리액트 네이티브 신입이야.아래 링크를 따라 첫 번째 프로젝트를 작성했는데 편집할 index.ios.js 또는 index.android.js가 없습니다.

https://facebook.github.io/react-native/docs/getting-started.html

App.js만 작성됩니다만, ios와 Android를 따로 편집하는 방법을 알 수 있을까요?감사합니다!

React native의 최신 버전(0.49.3)에서는 "index.android.js" 및 "index.ios.js"의 개별 엔트리 루트는 지원되지 않습니다.개발자 설명서에 따르면 App.js를 사용하고 필요할 경우 반응 네이티브 패키지에서 {Platform}을(를) Import하여 플랫폼별 코드 일부만 변경할 수 있습니다.

개발자용 문서

먼저 다음 다운로드가 완료되었는지 확인합니다.

  • 자바 SDK
  • Android Studio
  • Xcode(OSX의 경우)
  • HomeBrew (OSX에서 노드를 설치하는 경우)
  • Node/NPM(Node는 브라우저 외부에서 Javascript를 실행합니다.NPM은 의존관계 설치 및 관리에 사용됩니다.노드와 NPM이 함께 제공됨)

이러한 인스톨은, 프로젝트에서 필요한 몇개의 필수 인스톨입니다.

Windows/OSX의 경우 명령 프롬프트/명령줄에서 다음 명령을 실행해야 합니다.

리액트 네이티브프로젝트 실행에 중요한 부분은 다음과 같습니다.

  • npm install -g react-display-cli

그런 다음 이 CLI를 사용하여 다음과 같은 새 프로젝트를 시작할 수 있습니다.

  • react-module init 프로젝트명

다음 단계를 수행한 후 index.disc.disc 파일과 index.ios.disc 파일을 얻을 수 있습니다.이 파일에서는 ios/disc에 대해 개별적으로 코드화/편집할 수 있습니다.

index.android.js 및 index.ios.js 파일이 기본적으로 제공되는 동안 App.js 또는 기타 파일을 생성할 수 있습니다.

그러나 지금은 index.android.js와 index.ios.js가 아닌 index.js 파일과 App.js 파일이 있으므로 App.js에 코드를 쓰고 index.js에 파일을 등록하여 ios와 Android 모두에서 사용할 수 있습니다.

따라서 당신의 앱은 index에 있는 한 번만 등록됩니다.이전의 경우 index.ios.http와 index.http.http에 같은 등록 코드를 복사 붙여넣어 같은 코드를 Android와 ios에서 동작시킬 필요가 있기 때문에 그들은 그것을 폐지했을 것입니다.

이 기사에 따르면 React Native 0.60에서도 이러한 플랫폼별 파일 확장자는 계속 지원됩니다.

https://facebook.github.io/react-native/docs/platform-specific-code#platform-specific-extensions

이후 React Native 개발 플랫폼 버전에서는 index.ios.js 및 index.android.js 파일은 개발 목적으로 사용할 수 없습니다.이제 index.js 파일과 관련된 App.js 파일(일반 React.js와 마찬가지로)을 사용하여 모든 개발 활동을 수행할 수 있습니다.

MAC OS에서의 순서

  1. MAC OS 터미널을 사용하여 모든 개발 패키지를 설정해야 합니다.

  2. 최신 Node.js 패키지를 다운로드하여 설치합니다.

  3. 실행합니다.npm --version 「」의 합니다.Node.js 표시

  4. 그래도 단말기에 HomeBrew를 설치합니다.

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    
  5. .brew install watchman

  6. 마지막으로 React-Native를 사용하여 설치합니다.

    npm install -g react-native-cli
    

그런 다음 리액트 네이티브 앱 구축을 시작할 수 있습니다.

react-native init appName

의 편집App.jsindex.js대부분의 경우 파일을 개발할 때 사용합니다.필요에 따라 다른 종속성을 다운로드하는 것이 좋습니다.

javascript 파일을 수동으로 생성하여 index.android.js 또는 index.ios.js라는 이름을 붙일 수 있습니다.이러한 파일에 기술된 명령어는 index.js 파일과 같거나 플랫폼 고유의 명령어일 수도 있습니다.

언급URL : https://stackoverflow.com/questions/46455202/react-native-project-do-not-have-index-ios-js-or-index-android-js

반응형