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
相关产品推荐
相关产品推荐

