我有一个当前正在运行的 React/Relay 应用程序,我想使用react-router-relay 添加路由。当我尝试最小可能的转换时,请参阅下面的代码,我在日志中收到难以理解的错误:“ Uncaught Error :不变违规:RelayQueryNode:无效的具体节点。”
import 'babel/polyfill';
import TodoApp from './components/TodoApp';
import { Router, Route } from 'react-router';
import ReactRouterRelay from 'react-router-relay';
import TodoAppHomeRoute from './routes/TodoAppHomeRoute';
/*
This section works perfectly
ReactDOM.render(
<Relay.RootContainer Component={TodoApp} route={new TodoAppHomeRoute()} />,
document.getElementById('root')
);
*/
//This breaks every time.
ReactDOM.render(
<Router
createElement={ReactRouterRelay.createElement}>
<Route
path="/"
component={TodoApp}
queries={new TodoAppHomeRoute().queries} // and the query
/>
</Router>,
document.getElementById('root')
);
表达这个问题的另一种可能的方式是:指定普通 Relay 的 RelayRoutes.queries 和 React-router-relay 的路由查询的适当方法之间有什么区别?
最佳答案
其他几个人报告了此问题 here .
看起来像在组件中为每个 Relay
和 React
添加显式 import
可能会修复它(我刚才看到了这个,它为我解决了这个问题):
import React from 'react';
import Relay from 'react-relay';
或者如果失败,可以使用 npm install --save React React-relay graphql graphql-relay React-dom
来更新您的依赖项。
关于javascript - 如何从普通中继转移到带有路由器的中继?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32708927/