• 카테고리

    질문 & 답변

  • 세부 분야

    풀스택

  • 해결 여부

    미해결

devServer 설정 에러가 납니다.

22.03.10 12:31 작성 조회수 1.59k

0

devServer: {
index: 'home.html',
},

위와 같이 설정 시에 아래처럼 index라는 옵션이 없다고 뜨는데 왜그러는걸까요...?

강의영상 시간 : 3:06

---------------------------------------- 

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

         - options has an unknown property 'index'. These properties are valid:

           object { allowedHosts?, bonjour?, client?, compress?, devMiddleware?, headers?, historyApiFallback?, host?, hot?, http2?, https?, ipc?, liveReload?, magicHtml?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, setupMiddlewares?, static?, watchFiles?, webSocketServer? }

course-thumbnail

Vue.js - Django 연동 웹 프로그래밍 (실전편)

Webpack devServer

강의실 바로가기

답변 4

·

답변을 작성해보세요.

1

김석훈님의 프로필

김석훈

지식공유자

2022.03.10

안녕하세요. 독자님.

webpack-dev-server 버전 4.x 에서는 옵션이 바뀌었군요.

아래처럼 해 보세요.

  devServer: {

    static: {
      staticOptions: {
        index: 'home.html',
      },
    },

 }

감사합니다.

0

김석훈님의 프로필

김석훈

지식공유자

2022.10.29

안녕하세요. 독자님.

아래 사이트에서 참고했습니다.

https://webpack.kr/configuration/dev-server/#devserverstatic

감사합니다.

0

큐 브님의 프로필

큐 브

2022.10.29

저도 동일한 에러메세지로 한참 구글링을 했습니다.

이렇게 변경 된 내용은 어디서 다큐먼트를 참조 하면 될까요 ?

0

김석훈님의 프로필

김석훈

지식공유자

2022.03.22

독자님.

한줄 더 추가해야 정확하겠군요. (Webpack v5 / webpack-dev-server v4 이상에서)

const path = require('path');
  
  devServer: {
    static: {
      directory: path.join(__dirname, 'dist'),
      staticOptions: {
        index: 'home.html',
      },
    },
  },

이 글과 비슷한 Q&A