webpack.config.ts 질문

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'이(가) 없습니다.

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