React App - createProxyMiddleware 不是函数

Question

我正在处理一个 React 项目，并且遇到了 http-proxy-middleware 的一些问题。我按照自述文件和我的 setupProxy.js 文件看起来像这样

const {createProxyMiddleware} = require('http-proxy-middleware');


module.exports = function(app) {
  app.use(
    '/api',
    createProxyMiddleware({
      target: 'https://localhost:3000',
      changeOrigin: true
    })
  );
};

任何人都知道为什么会发生这种情况？从我所看到的，这是设置它的正确方法。任何回应或建议将不胜感激。

Answer 1

删除括号对我有用

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

在这里找到修复https://www.reddit.com/r/reactjs/comments/jzoo3y/createproxymiddleware_is_not_a_function_how_can_i/

Answer 2

如果所有 React js 组件文件都在组件文件夹中（或在另一个文件夹中），那么将您的 Setupproxy.js 文件移到该文件夹​​中，现在您可以使用

 const { createProxyMiddleware } = require('http-proxy-middleware');

对于全局，请将您的 Setupproxy.js 文件放在 src 文件夹中，然后您必须删除 {}

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