GoogleBot의 렌더링 결과가 새하얀 이유를 찾는다 (SPA 때문이 아니야!)

1788 단어 SPAGoogleBot
React Redux의 SPA를 운용하여 얻은 지견과 구현 예, 개발 흐름도 있어요! #SPA가 Google에 색인화됩니까?

보고 있으면 그렇게 말하면 자신이 만드는 SPA
라고 조사해 보았습니다.

놀라움의 백색



왜-. SPA 역시 제대로 렌더링되지 않는다.
아니. 결론부터 말하면 자신이 바보일 뿐이었습니다.

GoogleBot의 Chrome 버전 확인



이 사이트

2018/2/14 현재는 version41인 것을 알았습니다.



Chrome 41로 확인



htps //w w. b w w r r g. 코m/
사용하면 쉽게 확인할 수있었습니다.

오래된 chrome은 설치하려고하면 꽤 힘들 것 같네요. 이것을 모르고 수중의 mac로 해결하려고 힘들었습니다.


나머지는 일반적인 크롬 작업으로 오류를 찾는 것입니다.

이번에는 화살 함수로 잡혔습니다. (T_T)

TypeScript의 target을 es5로 하고 있었습니다만 화살 함수가 왠지 출력되고 있었습니다.
잠깐 그것은 또 다른 문제이기 때문에 이번에는 원인이 밝혀진 곳까지.

마지막으로



해결책은 의외로 단순했지만, 눈치채는 데 시간이 많이 걸렸습니다."Fech as Google" SPA 에서 검색하면이 솔루션이 상위에 오게됩니다.

좋은 웹페이지 즐겨찾기