[Digging, npm, React] 로컬 빌드, 배포 빌드

환경 : windows 10

node : 6.3.0

 

에러 : 일부 페이지의 체크 박스 기능 비활성 화 대응 후 사용자 아이템 페이지에서 검색기능이 작동하지 않음

원인 : encoding-japanese 패키지 미설치

작업시간 10분

 

원인 파악 시간 1시간 30분 소요...

 

> 과정

0. 인코딩 관련 함수가 정의되어 있지 않다는 에러.

 

1. 업데이트 전의 배포 파일로 변경해서 적용결과 검색에 이상 없음.

 

2. 프로젝트에서 알파 빌드 시도, 이상 없이 빌드 완료, 재배포 해본 결과 같은 상황

 

3. 프로젝트에서 로컬 실행 한 결과 에러 출력.

npm ERR! registry error parsing json

 

4. iconv-lite 내부 파일에서 인코딩 관련 json을 파싱하는 과정에서 에러 라서 iconv-lite 재설치 => 안됨

 

5. 스택오버플로 검색, 같은 에러를 겪는 경우가 많았고, json-loader로 대부분 해결 되는 것을 확인

 

6. 나는 안됨

 

7. 이런 저런 json-loader나 다른 인코딩 관련 loader들 재설치, 웹팩 환경 변경등 함 (1시간 삭제)

 

8. 프로젝트를 최근 업데이트 이전 상태로 되돌림, 알파 배포용 빌드 함 -> 성공

 

9. 로컬에서 실행 -> 안됨 에러 메세지가 바뀜 encoding-japanese 패키지가 없다고 나옴

 

10. encoding-japanese 패키지 설치

 

11. 성공

 

=> 수정 할 때는 바로 빌드 하지말고 로컬에서도 잘 동작하는지 확인

=> 문제 생겼던 작업 되돌려서 확인 하고나서 수정