问题标签 [reactql]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
166 浏览

webpack - 如何使用 ReactQL 进行代码拆分?

开箱即用,ReactQL带有几个定义如下的“页面”:

但是,HomePage只是在同一个文件中定义的组件。假设在您导航到该页面之前我不想加载所有代码,我如何“代码拆分”并将这些页面中的每一个移动到单独的 webpack 块中?

请注意,ReactQL 支持 SSR 而 React-Router 据说支持。我问的可能吗?

0 投票
1 回答
220 浏览

reactql - 如何更新 graphql 端点(不使用 Graph.cool)

我花了一些时间研究 ReactQL 入门工具包并观看了介绍如何设置工具包的介绍视频,但我仍然感到困惑的一个领域是,如果我们不使用 Graph.cool 端点,将我们的 graphql 特定的东西放在哪里.

Graph.cool 看起来很棒,但为了获得更多使用 Graphql 的经验,我想设置自己的架构、查询等。

处理我们自己的 graphql 东西的最佳实践是什么?我是否放置:

还是config/project.jsAPOLLO 变量中的 Koa 等价物?我比 Koa 更熟悉 Express,但也可以在entry/server.js文件中看到它。

0 投票
1 回答
3926 浏览

reactjs - 包含新字体并引用它的正确方法?

在 ReactQL 文件结构中,是否有推荐的存储自定义字体的位置,您将如何引用该字体?

例如,我尝试将字体添加到./static,并在styles.global.css 中引用它,但没有这样的运气。

有什么建议吗?

0 投票
1 回答
831 浏览

mongodb - 未更新 dataIdFromObject 的 Apollo 规范化

在我发送删除突变后,我无法让 React+Apollo 更新商店。我正在使用内置 apollo+react 和 express graphQL 服务器的 reactQL 样板(我没有安装 apollo 服务器 - 我只是使用参考 express-graphQL 包)。我的数据存储在 mongoDB 中_id,但客户端的实际数据id用作 id。

apollo 客户端定义如下:

我有一个父组件,它使用来自 'src/graphql/queries/courses.gql 的导入课程

和一个看起来像这样的子组件:

其中 deleteCourse.gql:

我的原始查询在 course.gql 中:

0 投票
0 回答
175 浏览

postgresql - 如何将 postgraphQL 与 ReactQL 结合使用

我想使用 postgraphQL 库从 postgres 数据库自动生成我的 graphql 模式。我以前在 express 应用程序中使用过它,但我试图让它与 ReactQL 入门工具包一起使用。

在一个快速应用服务器文件中,我导入了 postgraphql,然后使用了类似的东西:

似乎语法可能与 ReactQL 中的 Koa 服务器相似,但我不太确定该放在哪里。

更新:我通过将上面的代码添加到 ReactQL 的 /kit/entry/server.js 文件中来让它工作。如果它应该发生在其他地方,比如在 app.js 中,也许有人可以指出这是否是一个好习惯。

更新 2:虽然上述方法似乎有效(我可以点击 graphiql 并查看我的架构),但我在终端中收到此消息:

这在浏览器控制台中:

0 投票
0 回答
689 浏览

node.js - 节点(Koa)不在 HTTPS 连接上提供静态文件

尝试通过 https 连接在节点 (koa) 服务器上请求静态 css 样式表失败。在 http 上运行良好。

HTTP 工作正常:

- http://www.example.com/assets/css/style.913142291ae94ed177988e5dfc67c66e.css提供文件,工作正常,样式表加载到应用程序。mime 类型是“文本/css”

HTTPS 失败

- https://www.example.com/assets/css/style.913142291ae94ed177988e5dfc67c66e.css下载文件,css 服务不正确。mime 类型为“应用程序/八位字节流”

问题仅发生在 Safari 浏览器、旧版 Chrome 浏览器上。但不会发生在最新的 Chrome 浏览器上。

这是怎么回事?


这是 Context 对象的日志,显示 https 协议上的响应 404:

更新

通过 ReactQL 样板的 Node js 应用程序代码。完整代码在这里:https ://github.com/reactql/kit/blob/master/kit/entry/server.js#L131

Nginx 配置

更新 2 我在 nginx 代理顶部有一个 AWS 负载均衡器,将所有 443 流量重定向到 80。

0 投票
1 回答
226 浏览

reactql - 如何在 ReactQL 中将每个 Apollo 的 Header 添加到 GraphQL 后端

我想为我向 GraphQL 后端发出的每个请求添加一个 Authorization 标头。我正在使用远程后端。

Apollo 文档有一个如何添加标题的示例: https ://www.apollographql.com/docs/react/recipes/authentication.html#Header

但是我将如何使用 ReactQL 做到这一点?

0 投票
2 回答
755 浏览

reactjs - Reactql - 使用 graphql 的 react-redux

我想开始用 reactql 构建我的新应用程序。我真的很喜欢 graphql 和 MERN 堆栈。但是,我最近开始学习 redux 模式。我的主要痛苦是 - 如何创建使用 graphql 查询获取数据的操作(我主要使用 apollo)。我的意思是 - 我找到了 REST 模式的示例,但我不知道也找不到任何简单的 reac-redux 应用程序使用 graphql 查询获取数据的示例。

我真的很感激任何例子/帮助/线索。

0 投票
1 回答
552 浏览

reactjs - 预检(cors)请求服务器将来源更改为 * 后,chrome 不显示请求(但我查看响应正文)。如何解决问题?

预检(cors)请求服务器将来源更改为 * 后,chrome 不显示请求(但我查看响应正文)。

请求标头

铬的错误:

我在后端使用 express、cors、graphql、apollo,在前端使用 react。

Cors 配置(后端):

标头配置(前端)

如何解决问题?