setupProxy.js not working with TypeScript

[lukasra92]

Hi everyone,

While trying to migrate my react app (currently written in JS) to TypeScript, I am having some trouble regarding the setupProxy.js file. The file is inside the src/ directory of my code and it has the following content:

const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function (app) {
  app.use(
    ['/api'],
    createProxyMiddleware({
      target: 'http://localhost:5000'
    })
  );
};

This worked finde when writing my app in JS completely. However, when I try to start my TypeScript based react app, I get this error:

createProxyMiddleware is not a function

Can anybody tell me how to fix this? I found several issues here, but all of them seem to be closed without a solution 😕

In the documentation it says that you can simply add an entry like this to your package.json file:

  "proxy": "http://localhost:5000",

This also did not work for me. Is this still up to date?

Thank you in advance for any kind of help!

[eddiemonge]

What version of http-proxy-middleware did you install?

[lukasra92]

Oops, this is awkward. It looks like I was in the wrong directory when I ran the npm install http-proxy-middlware... It is working fine after I have installed it in the right project.