Object literal may only specify known properties, and 'devServer' does not exist in type 'Configuration' : webpack-dev-server 오류

 

Object literal may only specify known properties, and 'devServer' does not exist in type 'Configuration'.  웹팩 설정중에 발생한 에러 입니다. devServer에서 Configuration타입이 존재하지 않는다고 합니다. 이 문제는  다른 @types와의 버전 문제이거나 타입스크립트에서 인식이 실패하여 나타난것입니다.

 

해결책은 아래의 링크 마지막줄처럼 webpack-dev-server 버전을 낮추는 방법이 있습니다. 하지만 이게 안통한다면

https://github.com/DefinitelyTyped/DefinitelyTyped/issues/27570

 

webpack과 webpack-dev-server import를  아래와 같이 해보시면 해결되실 수 있습니다.

import { Configuration as WebpackConfiguration } from "webpack";
import { Configuration as WebpackDevServerConfiguration } from "webpack-dev-server";
interface Configuration extends WebpackConfiguration {
  devServer?: WebpackDevServerConfiguration;
}

const isDevelopment = process.env.NODE_ENV !== 'production';
// const config: webpack.Configuration = {
const config: Configuration = {

 

 

참고 링크 : https://www.gitmemory.com/issue/DefinitelyTyped/DefinitelyTyped/27570/474628163