问题标签 [react-starter-kit]

Error: Availability.rooms field type must be Output Type but got: undefined. 我正在将 express graphql与 react starter kit 样板一起使用，并且当我收到错误时尝试定义我自己的嵌套模式字段类型并将解析移至嵌套字段 - 但我认为我有语法错误。

schema.js

酒店.js

尝试设置我的 react 入门工具包项目以在代码ship 上使用 CI，并且该项目在本地运行良好。ReferenceError: Unknown plugin "syntax-trailing-function-commas" specified..当我尝试在 codeship 上运行 npm test 时 出现以下错误。

我的测试命令

mocha --require babel-register

我需要如何配置 codeship 环境才能使其正常工作？

包.json

我正在将我的网站从 Angular 客户端站点移植到带有服务器端渲染的 React。我正在使用带有通用路由器的 React 入门套件。

我的客户有使用 hashbang 形式的旧链接。如何在我的新应用中支持这些旧链接？

例如我想重定向所有mydomain.com/#/path/to/page to mydomain.com/path/to/page

我有这个带有自动完成搜索表单的测试中继启动工具包项目，该表单向浏览器呈现引号。当我使用搜索表单时，我在浏览器中收到错误消息“app.js:8284 Uncaught TypeError: Cannot read property 'edges' of undefined”。我不明白为什么它第一次填充搜索字段而不是在搜索表单中输入。值得注意的是，如果您对 searchTerm 变量进行硬编码，它将呈现搜索结果。换句话说，它可以在硬编码时读取边缘。对此的任何指导都会很棒。谢谢。

架构在这里 这是搜索词的有效 graphql 查询不会呈现到的组件。

更新：这是 Chrome DevTools 网络选项卡中显示的查询。请注意，正在查询搜索表单的“p”输入。

将 console.log 添加到 render() 会显示 searchTerm 输入：

app.js 的第 24 行出现以下错误，即{this.props.library.quotes.edges.map(edge => <Quote key={edge.node.id} quote={edge.node} /> )}：

更新 2：

所以检查一下。我的 { ObjectID } 有问题。我从数据库中提取了一个用户并引用，并且对象上有一个“_id”但没有“id”属性。这是输出：

如果我从 globalIdFetcher() 记录 id，Jackson Brown Quote 对象的记录 id 会按预期显示两个 id，但它们与数据库中的相同和不同。控制台中的输出是：

有关修复此语法的任何想法？

我的 web 应用程序中像往常一样有多条路线。我有几个关于将信息传递到链条中的最佳方式的问题，因为我真的找不到可靠的答案：

1. 我如何将当前路线传递给子组件？我有一个全局组件，用于我的 webapp 的每个页面。在其中一个页面上，内容必须不同。我能做到这一点的唯一方法是知道正在提供什么页面。还是我想错了，应该只解析 componentDidMount() 上的 window.location 以获得我需要的一切？

2. 这与上述观点有关。假设我有一个参数化路由（/test/:id），它的一个子组件需要在单击按钮时执行一些 ajax 请求，并且需要将 :id 传递给端点。我怎么能做到这一点？

也许我必须从路由级别一直向下传递东西作为属性？

我只是想弄清楚最好的选择是什么。

谢谢！

我正在使用带有 react-starter-kit 和通用路由器的 passport-js，并且有一些 /login 路由是在服务器端处理的。有没有办法强制服务器端从路由 url 而不是客户端获取？

例如，如果我直接从 url 转到 /logout - 它会触发正确的服务器端注销。但是，如果我从客户端单击浏览器上的 /logout 链接，我会收到一个找不到页面的错误，因为它正在执行客户端路由并且 /logout 未在路由中定义。是否可以定义一个必须直接从服务器获得服务的路由对象？

路线/index.js

客户端.js

我已经开始使用“使用 webpack 创建反应应用程序”配置来学习 React。我在反应组件js中导入这样的css

但是当 webpack 编译 css 时，我的 main.css 规则与 bootstrap.css 重叠。如何在我的 main.css 和 .js 文件中的内联样式中不添加“！important”的情况下解决此问题？我还有一个全局 css 规则来设置像 h1,h2,h3 dll 来分隔文件？

我正在尝试使用 Isomorphic React 构建内容管理系统。我要确定的是如何使用 RESTful 请求响应对象定义路由。

我正在查看 React Starter Kit 中的路由模块，但我不了解路由对象的逻辑，因为我不熟悉它的使用语法。看起来孩子们是一组承诺，并且异步执行每个承诺。然而const route = await next(); 将产生与路线相关的所有数据。这里是否发生了一些路由匹配逻辑？

从 server.js 调用路由模块

这是 index.js 中的定义，它位于每个路由的父目录中。

我尝试合并的 RESTful 请求适用于我的 server.js 或当我将其放入异步操作时。

我一直在 git 存储库中开发一个项目（我们称之为Repo A）。然而，由于我发现自己在摆弄自己的构建配置上浪费了太多时间，我决定尝试使用众多样板/入门工具包项目之一（让我们称之为我选择Repo B的那个）。

现在，我的问题是，我将如何合并这两个存储库，以保留Repo A的所有历史记录，而不会失去以后从Repo B提取/合并更新的能力？

作为参考，在撰写本文时，存储库是： 存储库
A：https ://github.com/Braden1996/tron.io/commit/33ccf5335b0b693abeaf612aa65a5658dcfe1459 存储库
B：https ://github.com/ctrlplusb/react-universally

我第一次尝试 React-Starter-Kit 并且喜欢所有内置的尖端功能（特别是 apollo/graphql-client）。对我来说，任何应用程序的一个关键部分是数据库，为此我的理解是同一作者提供了 nodejs-api-starter，它设置了一个 REST 接口，用于在 localhost:5000 访问 Postgres，并在 localhost:5000/ 有一个 graphql webui图l。

到目前为止，这大约是我能够理解的设置。我稍微更改了前端代码，因此主页上加载了一个新的组件“计数器”。我需要能够创建一个新计数器，获取最新的计数器，并递增递减计数器。现在编写该组件仅输出在 5000 处从服务器检索到的“值”。

我认为我没有正确访问 5000 服务器，我是否将端口放在此url 行中？

您可以从以下位置拉下 repo：https ://github.com/Falieson/react-starter-kit-crud-counter-demo

这是我第一次设置 nodejs api 服务器，我习惯使用 MeteorJS，它内置了 MongoDB 的 pub/sub。我期待 RSK 策略（这似乎更符合行业标准？）提供的分离。