inflearn logo
강의

講義

知識共有

コロナマップの開発者が教える React + Express で地図サービス作り (Typescript)

React Routerの設定

초기 보일러플레이트 설정문제

528

JH

投稿した質問数 1

0

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.

client 부분에서 실행시 요런오류가나옵니다.

1. 시도해본것

allowedHosts 옵션관련을 찾기위해 client node_modules./webpackDevServer.config.js
allowedHosts: disableFirewall ? 'all' : [allowedHost], ->확인했을떄 빈문자열이아닌데 왜 이런오류가나오는지..?
해결책이궁금합니다.

2. 시도해본것 ...

client 단 proxy 설정을 지워주면 동작함.->해결.

혹시에러원인이 무엇이엿을지 궁금합니다.

react node.js mongodb express typescript

回答 1

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

해당 오류는 webpackDevServer의 설정 중 allowedHosts에 올바른 값을 넣지 않아 발생하는 오류입니다.

우선, 해당 설정에서 allowedHosts 값이 빈 문자열이 아닌지 확인해야 합니다. 올바른 값이 들어갔다면, 다음으로 확인해볼 점은 proxy 설정과 관련이 있습니다.

proxy 설정을 지워주니 동작한다고 하셨는데, 이는 proxy 설정이 충돌하여 오류가 발생했을 가능성이 있습니다. 두 가지 설정을 같이 사용할 때 충돌이 발생할 수 있기 때문에 proxy 설정과 allowedHosts를 함께 사용할 때는 조심해야 합니다.

오류의 원인은 allowedHosts와 proxy 설정의 충돌로 추측할 수 있지만, 정확한 원인 파악을 위해서는 사용자가 작성한 코드를 확인해야 합니다.

추후에 알려주신 정보를 바탕으로 더 자세한 도움을 드릴 수 있으니, 코드나 설정 파일 등의 필요한 정보를 공유해주시면 더욱 도움이 될 것 같아요. 해결책을 알려드릴게요.

감사합니다!

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

4

1

max x5 플랜을 결제했습니다.

0

7

1

클로드 초기 설정

0

6

1

사용자 스코프 설정 파일 적용 문제

0

7

1

클로드코드 유료플랜 할인 방법이 있을까요?

0

22

0

제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.

0

10

1

API Error : 400 에러의 원인과 해결방법이 궁금합니다!!

0

16

2

퍼미션 권한 설정 문의

0

19

2

Next.js + Tanstack Query BFF 구조 질문

0

13

1

커서에서 shift+enter가 안됩니다.

0

20

2

수업자료 다운로드 시 빈폴더만 나오네요

0

115

2

보일러플레이트 코드 오류

0

206

2

수업자료 오류

0

156

1

MongoDB Compass 관련 질문

0

344

1

카카오 맵 api

0

270

1

mongodb 및 mongoose 초기 세팅에서 다운로드 질문입니다

0

208

1

보일러 플레이트 다운 시 빈 폴더

0

177

1

지도가 두개가 열리는 것 같습니다

0

336

1

Node.js 버전 차이로 인한 오류 발생(추정)

0

943

2

[참고] 서버 보일러 플레이트에 axios 없네요~

0

393

1

styled component 버튼 타입에러

0

500

1

serach.ts 파일 질문드립니다.

1

487

1

강의자료 소스코드 질문드립니다.

0

398

1

맵 클릭 이벤트 추가 강의와 Jotai 강의 순서에 대해 건의드립니다.

1

493

1