crbug/1173575, non-JS module files deprecated 문제 해결

| 문제 상황

React와 Express를 이용한 실습 중 CORS 정책을 해결하고자, setUpProxy.js를 따로 만들어 server와 client 간에 데이터 전송이 제대로 되는지 콘솔을 통해 확인해보려 했는데 아래와 같은 오류가 발생했습니다.

적용사항: https://create-react-app.dev/docs/proxying-api-requests-in-development/

crbug/1173575, non-JS module files deprecated.

| 원인 분석

해당 에러의 발생 상황은 크게 세 가지라는 것을 알 수 있었습니다.

첫번째, 크롬을 이용하여 웹 개발하는 경우 인터넷 연결이 불안정하면 간혹 발생

두번째, MongoDB 사용 중일 때 아래와 같이 "MongooseServerSelectionError"가 출력된 경우

세번째, VS Code IDE를 사용중인 경우

 

| 해결 방법

첫번째, 인터넷 연결 상태 불안정으로 인한 문제이므로

1. 인터넷 연결 상태 확인

2. 크롬 재실행

3. 크롬 개발자 모드의 네트워크 설정이 "제한없음" 인지 확인

(크롬 이외의 웹브라우저에서는 실행이 되는데 크롬에서만 실행이 안되는 경우)

두번째, MongoDB에 접근할 수 있는 IP 추가

위 발생한 에러를 분석해보면 MongoDB 설정시 접근할 수 있는 IP를 고정해놓고 쓰기 때문에 MongoDB에서 차단한다는 내용입니다. 즉, 첫 MongoDB 생성시 사용한 IP와 다른 환경에서 접속하는 경우 종종 이 문제가 발생할 것입니다. 해결 방법은 간단합니다. MongoDB에서 접근할 수 있는 IP를 추가해주면 됩니다. 이 때 모든 IP에서 접근할 수 있도록 하겠다하시면 0.0.0.0을 입력하셔도 되지만, 해당 방법을 권장하진 않습니다. 혹시나, 다른 누군가 접속한다면... (뒤에 일어날 사건은 독자님의 상상에 맡기겠습니다.) 따라서, Static(정적, 고정) IP 등록을 추천드립니다.

[Work Process]

1. MongoDB 사이트 로그인

2. 화면 좌측 "Security"의 "Network Access" 클릭

3. 화면 우측 상단 "ADD IP Address" 클릭

여기서 아래와 같은 팝업이 출력되실텐데요.

옵션 1. ADD CURRENT IP ADDRESS: 현재 사용중인 인터넷 IP로 등록(인터넷 환경이 바뀔 때마다 재등록)

옵션 2. ALLOW ACCESS FROM ANYWHERE: 모든 인터넷 IP를 사용하도록 설정(인터넷 환경이 바뀌어도 재등록 필요없음)

위에 말씀드린바와 같이 옵션 2는 권장드리지 않습니다. 되도록 매번 귀찮더라도 옵션 1을 선택하셔서 등록하는 것을 추천드립니다. 또한, 하단에 This entry is temporary and will be deleted in [시간]이라는 옵션도 있어요. 시간의 경우 6시간, 1일, 1주일까지 선택이 가능하며, 해당 옵션을 이용하시면 일정 시간 동안만 IP 접근을 허가하고, 그 시간이 지날 경우 자동으로 옵션이 삭제될 수 있으니, 작업 상황에 따라 이용하시면 아주 유용한 기능입니다.

4. 원하는 옵션 선택

5. 팝업 우측 하단 "CONFIRM" 클릭

 

세번째, VS Code를 사용하시는 경우 위 두번째 해결방법까지 적용했으나 동일한 에러가 발생

방법. ip 설정 초기화

# 1. Release the IP address for the specified adapter.
ipconfig/release

# 2. Renew the IP address for the specified adapter.
ipconfig/renew

# 3. Purge the DNS Resolver cache.
ipconfig/flushdns

 

| 참고 자료

https://stackoverflow.com/questions/60431996/mongooseerror-mongooseserverselectionerror-connection-monitor-to-52-6-250-2

MongooseError [MongooseServerSelectionError]: connection <monitor> to 52.6.250.237:27017 closed

https://stackoverflow.com/questions/67191286/crbug-1173575-non-js-module-files-deprecated-chromewebdata-index%EA%9E%89530595551

Crbug/1173575, non-JS module files deprecated. chromewebdata/(index)꞉5305:9:5551

https://forum.directadmin.com/threads/crbug-1173575-non-js-module-files-deprecated.63924/

crbug/1173575, non-JS module files deprecated.

https://www.oakton.edu/user/1/agero/ELT140/Documents/IPCONFIGCommand.pdf