replaceAll is not a function 오류 해결 경험

🤷‍♂️ replaceAll is not a function 오류?

제가 운영하는 커뮤니티에 크롤링 로직에서 replaceAll is not a function

오류가 발생하면서 크롤링이 제대로 되지 않고 있었다.

오류 로그를 확인했는데도 정확한 원인을 파악하지 못했다.

 

 

본론에 들어가기 앞서 NODE.JS 무엇인가?

https://cometruedream.tistory.com/2

Node.js 는 무엇인가?

 

---

replaceAll 메소드를 호출할 때 참조할 데이터가 없음

replaceAll is not a function오류는 replaceAll 메소드가 참조할 데이터가 없을때 오류가 발생한다. 

ex: 나는 title?.replaceAll(’a’, ‘ ’) 옵셔널 체이닝으로 null or undefined 처리를 했기때문에 해당오류는 아니였다.

 

🤷‍♂️ 오류와 원인 파악?

---

1. 원인 찾기

try, catch, 옵셔널 체이닝 등등에 오류 수정했지만 해결이 안되었다.

해당 문서를 보면서 원인을 찾을수 있었다.

https://www.designcise.com/web/tutorial/how-to-fix-replaceall-is-not-a-function-javascript-error

 

 

2. replaceAll 브라우저 호환성 확인

MDN에서 replaceAll 메서드에 대한 브라우저 호환성을 확인했는데,아래와 같이 IE를 제외한 모든 브라우저에서 지원하는 것으로 되어있었다.

원인은 크롤링 서버에 node 버전이 낮아서 오류 발생 replaceAll 메소드 오류가 발생했다. . 

 

300x250

 

3. 해결방법 

수정전
title?.replaceAll(’a’, ‘ ’)

수정후
title?.replace(/a/g, ‘ ’)

 

위에 같이 일단 오류를 해결하니 서버에서 크롤링 작업이 오류없이 잘 되었다.

 

 

🤷‍♂️ 느낀점! 

---

브라우저에서 보여지는 로직이 아니였기에 폴리필을 사용하여 미지원 브라우저 대응 하지는 않았지만 서버에서 node 버전에 따른 javascript 메소드에 호환도 확인을 해야겠다는 생각이 들었고 호환성에 대해서 다시 한번 확인해야겠다고 느꼇다.

 

---

 

"편하고 빠르게 글자수를 확인할수 있는 방법"