ReactJS 应用程序无法在移动设备上运行

Posted 2023-03-21

【中文标题】ReactJS 应用程序无法在移动设备上运行

【英文标题】：ReactJS app doesn't work on mobile

【发布时间】：2017-05-11 01:03:45

【问题描述】：

我将我的应用程序部署到 heroku，它在桌面上运行良好，但似乎 bundle.js 没有在移动设备上启动，它堆叠在预加载器上。 我使用了 React + Redux，react-router。我已经用 axios 替换了 fetch requests，但它仍然不起作用。谁有这样的经验或者知道如何在手机上调试网站，获取控制台日志？

更新

在 Firefox 中也不起作用。它在最小化的脚本中记录未定义的“r”。似乎 webpack 在最小化方面做错了什么。可疑地在 chrome 中工作......

更新 2

部署应用时不要忘记删除 redux dev 调试器 :)

【问题讨论】：

您使用的是哪种手机浏览器？

安卓版 chrome

@azium 这里是link

【参考方案1】：

您的应用似乎在未安装“Redux DevTools Extension”的浏览器中中断。

根据documentation，您的商店设置应如下所示：

import  createStore, applyMiddleware, compose  from 'redux';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(reducer, preloadedState, composeEnhancers(
  applyMiddleware(thunk)
));

在您的代码中，您没有使用从扩展返回的自定义 compose 函数。