javascript/React

[경고]Please use the 'setupMiddlewares' option.

정데브 2023. 2. 28. 20:33

터미널에 다음과 같은 에러가 나타났다.

 

열심히 구글링 해 본 결과 사용하지 않는 onAfterSetupMiddleware 을 setupMiddlewares로 바꾸어 사용해주면 된다고 하여 바로 진행.

 

<해당 에러>

(node:24272) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
[1] (Use `node --trace-deprecation ...` to show where the warning was created)

 

경로 : node_modules\react-scripts\config\webpackDevServer.config.js

proxy 아래에 Beforce, After 두 함수를 아래껄로 변형해주면 끝!

 

setupMiddlewares: (middlewares, devServer) => {
  if (!devServer) {
      throw new Error('webpack-dev-server is not defined')
  }

  if (fs.existsSync(paths.proxySetup)) {
      require(paths.proxySetup)(devServer.app)
  }

  middlewares.push(
      evalSourceMapMiddleware(devServer),
      redirectServedPath(paths.publicUrlOrPath),
      noopServiceWorkerMiddleware(paths.publicUrlOrPath)
  )

  return middlewares;
},