我正在用redux做一个MERN电子商务项目。我的后端托管在Heroku,前端托管在vercel。
从本地主机运行一切正常,但当我打开托管站点时则它显示";o.map不是函数";控制台
这是我的项目github链接-
前端-https://github.com/arijitdas13105/Ashop-frontend-new
后端-https://github.com/arijitdas13105/ashop-backend
My托管的网站链接-https://ashop-frontend-99x2ayoh7-arijitdas13105.vercel.app/products
我的后端产品API-https://ashop-server.herokuapp.com/api/products让我知道其他需要的东西。
当您在vercel中托管时,您的JS代码会被react-scripts build
缩小(您可以在package.json
中看到它(。这个o.map
是代码中的另一个变量,可能是products.map
。您可以使用products?.map
来解决此问题,因此它将尝试仅在有内容时才渲染元素。
如果数据没有加载,并且您不知道为什么,我建议您使用npm run dev
运行它并找出原因(您可以使用debugger
或console.log
(。
您可以在开发工具中看到"网络"选项卡,以查看后端返回的内容。