Moment: React-Native 릴리스 빌드, 로케일 변경 시 심각한 충돌

에 만든 2019년 10월 10일 · 4코멘트 · 출처: moment/moment

react-native 0.59.10을 사용하고 momentJS에 대한 로케일을 설정할 때 릴리스 빌드에 대해서만 매우 잔인한 충돌이 발생했습니다. 디버거가 연결된 상태에서는 이 충돌을 재현할 수 없었습니다. 이 충돌은 iOS와 Android 모두에서 발생했습니다. 모든 순간 사용을 래핑하는 try-catch 문은 충돌을 포착하지 못했습니다!

재현하기 위해

애플리케이션별 로직을 통해 시도하려는 로케일/언어를 수집합니다. 예: ["fr-CA", "en-US", "fr", "en"]
우리는 Array setter를 사용하는 대신 한 번에 하나씩 반복하여 다른 계측을 호출하고 잠재적으로 throw되는 JS 예외를 포착하고 다음 후보를 시도할 수 있습니다.
try-catch 블록 내에서 moment.locale(localeCandidate) 호출했음에도 불구하고 애플리케이션은 여전히 이 라인에서 충돌합니다⁇

이것은 출시 시 충돌이었지만 릴리스 빌드에만 해당됩니다!! 이로 인해 유용한 오류 메시지/로깅을 추출하는 것이 매우 까다로워졌습니다.

Bugsnag 통합 및 시스템 콘솔 로깅을 통해 다음 오류 메시지를 확인했습니다.

iOS: Exception in HostFunction: Error loading module0from RAM Bundle: unspecified iostream_category error
안드로이드: Exception in HostFunction: Module not found: 0
하루 후 iOS 및 Android에서도 Requiring unknown module "./locale/en-us". 보았지만 이상하게도 이 오류는 적시에 처리되지 않았습니다. react-native/bugsnag 문제일 수 있습니다.

최종 추적에서 충돌을 일으킨 단일 지점을 찾았습니다.
https://github.com/moment/moment/blob/96d0d6791ab495859d09a868803d31a55c917de1/moment.js#L1852 -L1853
내가 믿는 것은 여기에서 온 것입니다 : https://github.com/moment/moment/blob/6a06e7a0db2c83fb92aa72bbf6bde955d4c75a16/src/lib/locale/locales.js#L55 -L56

해결 방법: 이 두 줄을 주석 처리하면 충돌이 중지됩니다!

예상되는 행동

순간은 갑자기 작동하지 않아야 하지만 특히 릴리스 빌드 전용에서는 그렇지 않습니다!
Moment의 예외는 catch 가능해야 합니다(catch 문은 충돌을 방지했을 것입니다). -- (릴리스에서 require() 를 사용하는 경우 반응 네이티브 문제일 수 있음)

스마트폰(다음 정보를 작성해 주세요):

기기: iPhone X, iPhone 11 Pro, Samsung(? -- 정확히 무엇을 캡처하지 못함), Google Pixel 3, (react-native 0.59.10)
OS: iOS 및 안드로이드
iOS JavaScript Core(아래에 언급된 iOS 버전용) 및 jsc-android(+intl) 245459.0.0
버전: iOS 12.4 및 iOS 13.1, iOS 13.1.2 및 iOS 13.2(베타?), Android 28, 기타.

순간별 환경

태평양 표준시 및 아마도 런던 시간
지난 2주(2019-10-09) 동안 하루 종일 지속적으로 코드 버그가 나타났습니다.
사용 중인 기타 라이브러리: moment-timezone 및 moment-with-locales, TypeScript, react-native 0.59.10, Apollo-Client 및 기타

환경에서 다음 코드를 실행하고 출력을 포함하십시오.

        console.log([
            new Date().toString(),
            new Date().toLocaleString(),
            new Date().getTimezoneOffset(),
            navigator && navigator.userAgent, // react-native might not have a navigator
            moment.version,
        ]);

산출:

[
  "Wed Oct 09 2019 18:52:16 GMT-0700 (PDT)",
  "09/10/2019 à 18:52:16", // This particular device is configured as fr-FR
  420,
  null,
  "2.24.0"
]

추가 컨텍스트

가장 유용한 댓글

참조된 라인은 런타임에 모듈을 요구하려고 "자동으로" 시도하지만, 로딩 로케일 문서 는 JSPM과 같은 패키지 관리자를 사용하는 경우 import "moment/locale/fr 로케일을 로드할 수 있음을 나타냅니다. 파일을 가져와야 한다는 것을 "알기" 위해 react-native 패키지 관리자가 필요하기 때문에 Packager가 번들로 포함되어야 하는 모든 파일을 "볼" 수 있도록 해당 스타일의 가져오기를 시도했습니다.

궁극적으로 수입 라인은 다음과 같았습니다.

import moment from "moment";
import "moment/min/locales"; // Import all moment-locales -- it's just 400kb
import "moment-timezone";

require() 의 정확한 구현은 작업 중인 런타임에 의해 주입되며 이는 확실히 디버그 및 릴리스 빌드 간에 크게 다르게 동작하는 것입니다.

react-native에는 all-in-one-file, all-in-separate-files 및 RAM Bundles를 포함하여 릴리스 모드 JavaScript 번들링의 여러 다른 특징도 있습니다. 이들 각각은 또한 require 작동 방식을 변경합니다. 디버그 require() 는 로컬 http 서버에서 실행되는 Metro Bundler에 연결합니다. 이것은 아마도 webpack/jspm/기타 디버그 서버와 매우 유사할 것입니다. 이것이 아마도 앨리어싱이 해당 환경에서 문제를 일으키지 않는 이유일 것입니다.

fbartho 에 2019년 10월 10일

👍2 ❤1

모든 4 댓글

궁극적으로 수입 라인은 다음과 같았습니다.

import moment from "moment";
import "moment/min/locales"; // Import all moment-locales -- it's just 400kb
import "moment-timezone";

require() 의 정확한 구현은 작업 중인 런타임에 의해 주입되며 이는 확실히 디버그 및 릴리스 빌드 간에 크게 다르게 동작하는 것입니다.

fbartho 에 2019년 10월 10일

👍2 ❤1

내 수정 제안:

A. aliasedRequire 삭제하는 것이 더 이상 작업 방식이 아닌 경우 + 이에 대한 설치 지침을 조정하시겠습니까?
B. react-native 대 브라우저 감지( navigator 는 react-native에서는 사용할 수 없지만 여기에는 다른 기술이 있습니다.), 우리가 처한 상황에 따라 다르게 작동합니까? 예를 들어 react-native && DEV이면 로케일이 이론적으로 지원되지만 아직 required 가 아닌 경우 console.error를 인쇄합니다(+ 업데이트 문서).
C. aliasedRequire 를 해당 함수의 로컬 변수에서 "세미 글로벌"로 이동합니다. moment.aliasedRequire , 그런 식으로 우리는 no-op/do-nothing 함수를 주입하여 aliasedRequire 가 react-native가 더 이상 충돌을 일으킬 수 없도록 할 수 있습니다.

fbartho 에 2019년 10월 10일

유지 관리자가 내가 구현하기를 원하는 옵션을 알려줄 수 있고 Proposals B/C의 경우 수락하려는 정확한 구현을 개선하는 데 도움이 된다면 이러한 옵션을 구현하게 되어 기쁩니다!

fbartho 에 2019년 10월 10일

@marwahaha -- Moment의 프로세스가 무엇인지 확실하지 않습니다. 내 수정 제안에 대한 의견이 있으십니까? 기여자/유지보수자가 받아들일 수 있는 경로에 대한 조언을 받으면 PR을 구현하게 되어 기쁩니다.

fbartho 에 2019년 10월 11일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Moment: React-Native 릴리스 빌드, 로케일 변경 시 심각한 충돌

관련 티켓

가장 유용한 댓글

모든 4 댓글

내 수정 제안:

관련 문제