인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

wsws님의 프로필 이미지
wsws

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

웹팩 데브 서버 세팅하기

webpack.config.ts 질문

작성

·

294

0

http://localhost:3090/

오류가 있어서 다른사람이 질문한것에 대한 답변대로 따라하는중에 해결방법을 모르겠어서 질문드립니다.

webpack.config.ts에서

devServer: { historyApiFallback: true, port: 3090, devMiddleware: { publicPath: '/dist/' }, static: { directory: path.resolve(__dirname) }, proxy: { '/api/': { target: 'http://localhost:3095', changeOrigin: true, ws: true, }, }, },

부분에서 devMiddleware: { publicPath: '/dist/' } 부분에 빨간줄이 그어져서

 

'{ historyApiFallback: true; port: number; devMiddleware: { publicPath: string; }; static: { directory: string; }; proxy: { '/api/': { target: string; changeOrigin: true; ws: true; }; }; }' 형식은 'Configuration' 형식에 할당할 수 없습니다.

개체 리터럴은 알려진 속성만 지정할 수 있으며 'Configuration' 형식에 'devMiddleware'이(가) 없습니다.

이런 문제창이 뜨는데요 어떻게 해결해야하나요?

답변 1

wsws님의 프로필 이미지
wsws
질문자

저 파일을 복사해서 붙여넣는데

devMiddleware: { publicPath: '/dist/' }

이곳에 빨간줄이 계속 생깁니다.

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

제가 방금 해보니 안 생기는데 npm update로 최신으로 업데이트 해보세요.

wsws님의 프로필 이미지
wsws
질문자

하루종일 설정만 하다가 지쳐서 잠깐 졸았는데 꿈에 제로초님께서 껏다키고 필요없는거 삭제하라고 하셔서 꿈대로 했는데 오류 잡혔습니다! 감사합니다

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

신통하군요... ㄷㄷ

wsws님의 프로필 이미지
wsws

작성한 질문수

질문하기