여행하는 개발자의 테크리뷰

javascript

• [react-native] Error build-assets - new decorators proposal is not supported yet. You must pass the"legacy": true option

  javascript/react-native 2018. 12. 9. 23:48

  [react-native Trouble Shooting] Problem> mobx 라이브러리를 사용하기 위해 decorator를 사용해야 했었는데 빌드 도중 다음 에러가 났다. Error build-assets - new decorators proposal is not supported yet. You must pass the"legacy": true option Solution1. @babel/plugin-proposal-decorators를 설치 1npm install --save-dev @babel/plugin-proposal-decoratorscs 2. tsconfig.json 파일에 다음 라인을 입력 1["@babel/plugin-proposal-decorators", { "legacy": tr..

  Read More
• [react-native] bundling failed: Error: Unable to resolve module `./../react-transform-hmr/lib/index.js

  javascript/react-native 2018. 12. 9. 23:33

  [react-native Trouble Shooting] Problem> error: bundling failed: Error: Unable to resolve module `./../react-transform-hmr/lib/index.js Solution> 캐시를 클린해야함 1234rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all # Start Metro Bundler directlyreact-native startColored by Color Scriptercs 참고: https://github.com/facebook/react-native/issues/21490

  Read More
• [react-native] iOS 빌드 에러: Undefined symbols for architecture armv7

  javascript/react-native 2018. 12. 9. 23:29

  [react-native Trouble Shooting] Problem> iOS 빌드 에러: Undefined symbols for architecture armv7 Solution> CxxBridge, DoubleConversion, Folly, GLog를 PodFile에 추가 예시) 1234567891011121314151617181920# Uncomment the next line to define a global platform for your projectplatform :ios, '9.0' target 'reactTest' do #Uncomment the next line if you're using Swift or would like to use dynamic frameworks #use_f..

  Read More
• [react-native] iOS 빌드 에러 Xcode 10: Build input file double-conversion cannot be found

  javascript/react-native 2018. 12. 9. 23:24

  [react-native Trouble Shooting] Problem> iOS 빌드 중 에러 - Xcode 10: Build input file double-conversion cannot be found Solution> 다음 명령어를 프로젝트 루트 경로에서 실행 12$ cd node_modules/react-native/scripts && ./ios-install-third-party.sh && cd ../../../$ cd node_modules/react-native/third-party/glog-0.3.5/ && ../../scripts/ios-configure-glog.sh && cd ../../../../cs 참고: https://github.com/facebook/react-native/..

  Read More
• [react-native] iOS 빌드 에러: Duplicate Module Name: react-name

  javascript/react-native 2018. 12. 9. 23:20

  [react-native Trouble Shooting] Problem> iOS 빌드 중 에러 : Duplicate Module Name: react-name Solution> Pods 파일을 제거하고 새로 설치한다! 123cd iosrm -rf Podspod installcs 참고: https://stackoverflow.com/questions/50805753/duplicate-module-name-react-native

  Read More
• [react-native] 안드로이드 signed apk 만드는 방법 (안드로이드 배포 막바지 단계)

  javascript/react-native 2018. 12. 9. 23:03

  [react-native] 안드로이드 signed apk 만드는 방법 (안드로이드 배포 막바지 단계) react-native 개발이 웬만큼 끝났다면!! 이제 배포를 해야한다. 안드로이드 apk 파일을 플레이스토어에 배포하기 위해서는 고유한 키스토어를 생성해서 다른 사람이 자신의 앱을 올리지 못하도록 해야한다. 안드로이드 signed apk를 만드는 방법을 알아보자! 1. 키스토어 생성 1keytool -genkey -v -keystore .keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 cs 2. 생성된 키스토어 파일을 android/app 경로 내에 넣음 3. gradles.properties에 다음 코드를 넣음 1234MY..

  Read More
• [react-native] 파이어베이스 관련 안드로이드 에러

  javascript/react-native 2018. 12. 9. 22:52

  [react-native Trouble Shooting] Problem> 안드로이드에서 빌드하면 다음 에러 발생 Program type already present: com.google.android.gms.internal.measurement.zzwp Solution> 파이어베이스 코어 라이브러리를 최신 버전으로 올리면 된다. 안드로이드 파이어베이스 sdk의 버전 리스트는 여기를 참고하면 된다. https://firebase.google.com/support/release-notes/android#latest_sdk_versions 참고: https://stackoverflow.com/questions/50146640/android-studio-program-type-already-present-com..

  Read More
• [react-native] 안드로이드 can’t not find Symbol 에러 (JSC 업데이트 방법)

  javascript/react-native 2018. 12. 9. 22:47

  [react-native Trouble Shooting] Problem> 안드로이드에서 can’t not find Symbol 에러> mobx 라이브러리 추가한 것이 문제의 발단이었음 Solution> JSC가 예전 버전이라 에러가 나는 것 -> JSC를 업데이트해야 한다. 업데이트 하는 방법은 다음과 같다. 1. package.json에 jsc-android 추가 후 npm install 혹은 yarn 명령어로 설치 12dependencies {+ "jsc-android": "236355.x.x",cs 2. android/build.gradle에 다음 코드 추가 1234567891011121314allprojects { repositories { mavenLocal() jcenter() maven { ..

  Read More