❗️Error/오류를 해결하자!

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema

hellohailie 2022. 8. 13. 12:04

 

오류 메세지

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
options.allowedHosts[0] should be a non-empty string.

 


문제 발생 환경

도서관에서 토이프로젝트 만든 것을 좀 보완하고자 npm run dev로 클라이언트와 서버를 켰는데 위와 같은 메세지가 뜨면서 앱이 작동되지 않았다. (정확히는 클라이언트 화면이 뜨지 않았다.)

그리고 위에서는 서버가 3003 포트에서 실행중이라고 떠있지만, 실제로 가보니까 "CANNOT GET" 오류가 떠있었다... 

원래는 후딱 켜서 해보려고 했는데 시간을 엄청 잡아먹었다가 조금 어이없는 방법으로 문제를 해결했다. 

 

정석대로라면 아래 페이지를 따라하면 위의 오류창이 없어진다고 한다. 

 

👇참고👇

설명이 쉽게 되어 있어서 누구나 따라할 수 있어요!

https://exerror.com/invalid-options-object-dev-server-has-been-initialized-using-an-options-object-that-does-not-match-the-api-schema/

 

[Solved] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema

To Solve Invalid options object. Dev Server has been initialized using an options object that does not match the API schema You have to use t

exerror.com

 

근데 문제는 따라해도 포트만 바뀌고 아래 메세지는 똑같이 나왔다. 

 


내가 해결한 방법

👇참고👇

아래를 참고해서 혹시 나도?? 하는 생각에 핸드폰 핫스팟으로 열었더니 어떤 문제가 있었냐는 듯이 바로 켜졌다...

 

잘 모르겠지만 도서관 와이파이 쪽에 어떤 설정이 있던 것이 아닐까...? (아니면 말고요...)

https://velog.io/@yunso/%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%94%84%EB%A1%9D%EC%8B%9C-%EC%97%90%EB%9F%AC

 

리액트 프록시 에러

Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.options.allowedHosts0 should be a n

velog.io

 

암튼 해결 완료!

 

 

😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓