react-redux 损坏的存储

Question

我正在寻找调试此问题的任何建议。

通常当我的 reactjs 应用程序启动时，它会将状态初始化为以下内容

CollectionData class 基本上是一个 class ，由许多 immutable-js 映射类型的属性组成。

export class CollectionData extends Immutable.Record({ // eslint-disable-line new-cap
  idToFetching: new Immutable.Map(), // Map<Id, Bool>
  idToError: new Immutable.Map(), // Map<Id, Bool>
  idToEntity: new Immutable.Map(), // Map<Id, Entity>
...

但是由于某些原因，对于某条路线，状态被初始化为

我不知道 CollectionData 的属性怎么可能变成 Symbol(react.element)

我想知道调试的最佳方法是什么initRoutes。

我正在使用这些依赖项：

 "react": "^0.14.6",
"react-chartist": "^0.10.1",
"react-dom": "^0.14.6",
"react-intl": "2.0.0-rc-1",
"react-redux": "^4.4.5",
"react-router": "^1.0.3",
"redux": "^3.0.5",
"redux-router": "^1.0.0-beta7",
"redux-thunk": "^1.0.3",
"reselect": "^2.0.1",

编辑：

当我展开属性 store 和 type: function Row(_ref2) 时，我看到了这些属性：

1) 商店：validated: false

2) 行：arguments: TypeError: 'caller' and 'arguments' are restricted function properties and cannot be accessed in this context. at Function.remoteFunction (<anonymous>:3:14) at Object.InjectedScript.callFunctionOn (<anonymous>:124:124)

商店基本上乱七八糟，无法在 Redux Devtool（chrome 扩展）中检查。我认为这与此错误有关

Answer 1

原来是因为我的一个组件在安装过程中抛出了异常（在本例中，一个名为 'Row' 的 class）。去掉异常，问题就解决了。

react-redux 损坏的存储

Corrupted store of react-redux

reactjs

react-router

react-redux

react-router-redux