ReactJS 应用程序在移动设备上不起作用

Question

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

更新

在 Firefox 中也不起作用。它在最小化脚本中将 'r' 记录在 undefined 中。似乎 webpack 在最小化方面做错了什么。可疑地在 chrome 中工作......

更新 2

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

Answer 1

看起来您的应用程序在未安装“Redux DevTools Extension”的浏览器中中断。

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

import { createStore, applyMiddleware, compose } from 'redux';

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

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