ReactRedex TypeScript 앱이 iPhone 6 iOS 12.0.1(공백색 화면인 경우)을 제외한 모든 곳에서 작동하는 이유는?
나의 기본 정적 ResactRedx TypeScript 앱은 Windows에서 로컬로 작동하며, iPhone 6 iOS 12.0.1을 제외한 모든 장치에 대해 GitHub Pages에 배포할 때도 작동한다(여기서는 빈 흰색 화면).
나는 다음과 같은 많은 기사를 연구했다.
gh 페이지에 배포된 리액션 앱이 내 브라우저에 올바르게 표시되는 동안 다른 브라우저에는 빈 페이지가 표시되는 이유
https://community.netlify.com/t/react-application-builds-deploys-into-a-blank-page/2571
대부분 모든 기기가 백지를 보여주는 사건을 해결하려 한다.하지만 그건 내 시나리오가 아니야.
다른 사람들은 오래된 브라우저가 어떻게 폴리필드를 필요로 하는지에 대해 이야기하지만, 나는 이미 내가 사용하는 것을 중심으로 시도/캐치 블록을 추가했다.fetch.
로 바꿔보기도 했다."homepage": "."에package.json그러나 다시 말하지만, 대부분의 브라우저는 이미 작동하기 때문에 자산이 접근되고 있다는 것을 알고 있기 때문에 나는 그것이 이 문제와 관련이 없다고 생각한다.
좋은 생각 있어?
마침내 나는 무료 http://xip.io/ 서비스를 사용하여 내 아이폰에서 내 Windows 컴퓨터에 호스팅된 "로컬" 리액션 서버로 찾아 볼 수 있다는 것을 기억했다.
그래야 (GitHub Pages에서) 프로덕션에서 볼 수 없는 오류 메시지를 볼 수 있었다.
오류가 "ReferenceError: 변수를 찾을 수 없음: IntersectionObserver".
그래서 해결책은 폴리필을 사용하는 것이 될 것이다.
다음 링크를 참조하십시오.
- https://stackoverflow.com/a/55767479/470749
- https://stackoverflow.com/a/59368511/470749
- https://github.com/mhartington/lazy-load-image/issues/1#issuecomment-372384646
- https://webkit.org/blog/8582/intersectionobserver-in-webkit/
- https://caniuse.com/#1906=nfsobserver
"IntersectionObserver API는 12.2 이후 iOS Safari에서 지원된다." 그래서 내 아이폰이 아닌 다른 아이폰에서도 작동한 것이다.
'programing' 카테고리의 다른 글
| Python에서 XPath를 사용하는 방법? (0) | 2022.03.31 |
|---|---|
| 리액션 후크를 사용하여 "refs"를 동적으로 추가하는 방법? (0) | 2022.03.31 |
| 왜 Python은 제곱근에 대해 "잘못된" 대답을 하는가?파이썬 2의 정수분할이란? (0) | 2022.03.31 |
| 별도의 구성 요소에 가져오기 기능 삽입 (0) | 2022.03.31 |
| 라우터 내부 다음('profile').각자가 오류를 발생시키기 전에 이를 파악하기 위해 도움이 필요함 (0) | 2022.03.31 |