You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

CRA中setupProxy文件导致react-scripts启动失败(错误码1)求助

解决Create React App + TypeScript中setupProxy启动报错问题

看起来你遇到的问题大概率是http-proxy-middleware版本兼容导致的——最新版的这个包已经更新到v2.x,它的导出方式和旧版本完全不一样了,而你写的代码还是用的旧版语法。

下面是具体的解决步骤:

1. 确保依赖正确安装

首先确认你已经安装了http-proxy-middleware,如果还没装,执行:

npm install http-proxy-middleware --save-dev

2. 修改setupProxy.js的代码

新版本的http-proxy-middleware不再默认导出proxy函数,而是需要使用createProxyMiddleware。把你的setupProxy.js(注意必须是.js文件,TypeScript项目里这个文件也不能用.ts,CRA启动时只会识别根目录下的src/setupProxy.js)改成下面的样子:

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

module.exports = function (app) {
  app.use(
    '/address',
    createProxyMiddleware({
      target: 'https://zip-cloud.appspot.com/api',
      changeOrigin: true,
    })
  );
};

3. 额外排查点

如果修改后还是报错,建议查看终端里的完整错误日志(不要只看exit code 1),通常会提示具体的问题:

  • 检查是否有语法错误或路径写错
  • 确认setupProxy.js是放在src目录下,而非项目根目录
  • 排查是否存在其他依赖冲突的情况

这样修改后,重新执行npm start应该就能正常启动了。

内容的提问来源于stack exchange,提问作者Kyle

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.06 19:27:52