React项目写了setupProxy.js出现了crbug/1173575, non-JS module files deprecated这样的问题

一、问题描述

最近学习react，网课中老师讲解setupProxy.js文件配置跨域代理，按照老师的写法出现了问题，我才可能是http-proxy-middleware版本不一样导致的
看一下老师的写法

const proxy = require('http-proxy-middleware')

module.exports = function (app) {
  app.use(
    proxy('/api1', { //遇见/api1前缀的请求，就会触发该代理配置
      target: 'http://localhost:5000', //请求转发给谁
      changeOrigin: true,//控制服务器收到的请求头中Host的值
      pathRewrite: { '^/api1': '' } //重写请求路径(必须)
    }),
    proxy('/api2', {
      target: 'http://localhost:5001',
      changeOrigin: true,
      pathRewrite: { '^/api2': '' }
    }),
  )
}

我启动项目之后页面渲染不出来，控制台给了这样的提示

二、问题解决

我去npm官网看了一下http-proxy-middleware，发现稍微有所不同，看一下官网最新的描述
我们注意我画的红色框子

现在用的是createProxyMiddleware，所以应该按照下面这么写就没有问题了