带有Babel的已传送GraphQL抛出错误“无法将类作为函数调用”
问题描述： 带有Babel的已传送GraphQL抛出错误“无法将类作为函数调用”
回答： 这个错误是由于在使用Babel进行GraphQL传输时，尝试将一个类作为函数调用导致的。这通常是由于Babel的配置问题或代码中的语法错误引起的。
Babel是一个广泛使用的JavaScript编译器，可以将新版本的JavaScript代码转换为向后兼容的版本，以便在不支持新语法的环境中运行。GraphQL是一种用于API开发的查询语言和运行时环境。在使用Babel进行GraphQL传输时，我们需要确保正确配置Babel以支持GraphQL语法。
解决这个问题的步骤如下：
- 确保已正确安装和配置Babel。可以使用Babel的官方文档或相关教程来了解如何安装和配置Babel。
- 检查代码中是否存在语法错误。在GraphQL代码中，常见的语法错误包括缺少逗号、括号不匹配等。确保代码中的语法是正确的。
- 检查Babel的配置文件。通常，Babel的配置文件是一个名为
.babelrc的文件，其中包含了Babel的配置选项。确保配置文件中包含了正确的插件和预设，以支持GraphQL语法的转换。 - 确保已安装并正确配置了与GraphQL相关的Babel插件。例如，可以使用
@babel/plugin-transform-runtime插件来转换GraphQL代码。 - 如果以上步骤都没有解决问题，可以尝试更新Babel和相关插件的版本，以确保使用的是最新的版本。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储等。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云服务器（CVM）：腾讯云的云服务器提供了可扩展的计算能力，适用于各种规模的应用程序和工作负载。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云的云数据库MySQL版提供了高性能、可扩展的关系型数据库服务。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 对象存储（COS）：腾讯云的对象存储提供了安全、可靠的云端存储服务，适用于存储和管理各种类型的数据。了解更多：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
1回答
无法从端点下载GraphQL架构
、、、、
我目前正在使用从端点下载模式。但是，即使在我将我对我的模式所做的更改部署成功之后，每当我尝试下载该模式时，我都会得到project prisma - No changes。生成的prisma.graphql保持不变。
我使用以下命令下载架构：
graphql get-schema -p prisma --dotenv config/dev.env
dev.env只是为了获取PRISMA_ENDPOINT=http://localhost:4466/环境变量。
我尝试以一种不同的方式生成prisma.graphql，方法是在prisma.yml中使用以下内容
endpoint: ${env:PR
浏览 7提问于2020-01-25得票数 1
回答已采纳
1回答
在过去，我可以用：
var _this = this
...
exports.someFunction = function (req, res) {
_this.create(someVar)
}
...
exports.create = (someVar) => {
//logic here
return something
}
但是自从我添加BABEL来使用GraphQl，package.json
"devDependencies": {
"@babel/core": "^7.8.4",
"@bab
浏览 2提问于2020-03-08得票数 1
回答已采纳
你好，我正在学习GraphQL。在学习过程中，我发现在硬编码的.js文件中创建模式是个好主意，使用.graphql文件目录来写字段等。
我安装了用于导入其他.graphql文件的babel-plugin-import-graphql，但每当我运行服务器时，我总是收到missing type Otp
.rootGraphql
#import Otp from "ac.graphql"
type Query {
Otp: Otp
}
.ac.graphql
type Otp {
mobilenumber(no: String!): String
}
浏览 1提问于2019-08-25得票数 1
我尝试在Typescript react starter上使用中继，但遇到了多个问题。 似乎babel-plugin-relay无法感知到中继编译器提取的graphql语句。下面是我的编译器脚本 "relay": "relay-compiler --src ./src --schema ./src/schema.graphql --extensions=tsx --watchman false". .babelrc {
"babel": {
"presets": [
"react-app"
浏览 26提问于2019-04-25得票数 1
回答已采纳
前言:我是Javascript，Babel和React-Native的新手。
我一直在使用中继源中的TodoMVC示例开发我的应用程序。我想知道是否有可能让React-Native + Relay轻松地协同工作？
我设置了我的babelRelayPlugin并将其添加到我的.babelrc中。我安装了“react-Relay”的npm包："^0.7.3“和"babel-relay-plugin"：”^0.7.3“，但是在运行"npm install”和"react-native start“之后，我得到了一个错误消息：”无法识别模块'react-
浏览 1提问于2016-04-04得票数 2
我试图创建一个web应用程序，其中ReactJs作为前端，GraphQL作为服务层，Relay作为服务层和前端之间的通信。
在这篇文章中，我在服务层中创建了一个变异，并在前面集成了end.At，最后一次尝试使用以下命令生成文件
中继-编译器--src ./src -模式./schema.graphql
get-graphql-schema > schema.graphql
这些错误中没有一个是通过抛出此错误来工作的。
编写js
错误：
您提供了一个带有验证错误的GraphQL文档:未知类型"GetActivityMessagesRequestInput“。S
浏览 0提问于2019-04-23得票数 0
经过两天的挖掘，我只有一个问题。如何使用babel-插件-继电器而不是被废弃的babel-中继插件？
我到目前为止所做的事：
下面有一个带有json的.babelrc：
{
"presets": [
"es2015",
"stage-0",
"react"
],
"plugins": [
["relay", {"compat": true, "schema": "./graphql/schema.graphql
浏览 4提问于2017-07-05得票数 2
回答已采纳
我有过
export const getPicture = {
type: GraphPicture,
args: {
type: new GraphQLNonNull(GraphQLInt)
},
resolve(_, args) {
return Picture.findByPrimary(args.id);
}
};
export const getPictureList = {
type: new GraphQLList(GraphPicture),
resolve(_, __, session)
浏览 2提问于2016-06-14得票数 20
回答已采纳
我正在尝试将我的本地版本从0.66.3升级到0.68.2。
我跟踪了。
如果我试图运行pod install，它会抛出：
error Cannot read properties of undefined (reading 'configurations').
[!] Invalid `Podfile` file: 859: unexpected token at 'TypeError: Cannot read properties of undefined (reading 'configurations')
info Run CLI with -
浏览 29提问于2022-05-30得票数 3
向我的Gatsby & Typescript应用程序抛出错误消息。“'gatsby”因此而不起作用。
这是我的web应用依赖项，请帮助。！！
"dependencies": {
"@emotion/react": "^11.4.0",
"@emotion/styled": "^11.3.0",
"babel-eslint": "^10.1.0",
"gatsby": "^3.5.0",
"
浏览 1提问于2021-05-14得票数 0
我有一个带有阿波罗查询的父组件：
const withData = graphql(MY_QUERY, {
options({ userID }) {
return {
variables: { _id: userID}
};
},
props({ data: { loading, getOneUser } }) {
return { loading, getOneUser };
},
});
export default compose(
withData,
withAp
浏览 1提问于2016-11-11得票数 1
回答已采纳
我有一个ember.js应用程序，它有一个大文件，开始出现这个问题：
Babel: notes > applyPatches备注:代码生成器优化了applyPatches的样式，因为它超过了500 as的最大值。
尽管功能没有受到影响，但这使得无法进行调试，因为Babel无法很好地打印文件。
我已经看到将babel compact选项设置为false应该可以解决我的问题，但是我无法在我的项目中实现这种配置。
浏览 5提问于2021-08-11得票数 2
回答已采纳
1回答
在下面的配置中克服错误，我应该如何使它工作？
.babelrc：
{
"passPerPreset": true,
"presets": [
{"plugins": ["./build/babelRelayPlugin"]},
"react",
"es2015",
"stage-0"
]
}
package.json：
{
"name": "1",
"version": "1.
浏览 0提问于2016-08-26得票数 3
回答已采纳
我有当前运行良好的index.js文件.但是为了在我的测试策略中使用，我想把它分成两个文件：server.js和app.js
我收到一个错误，说明我的app.js不是一个函数。我的编码怎么了？
index.js
import express from 'express';
import express_graphql from 'express-graphql';
import { buildSchema } from 'graphql';
// Construct a schema, using GraphQL schema language
浏览 0提问于2018-12-22得票数 0
回答已采纳
我一直在我的graphql查询中得到以下错误，并且不确定原因：
POST body missing. Did you forget use body-parser middleware?
我在这里做了什么奇怪的事吗？我尝试过不同的建议，身体解析器在线，但似乎仍然无法修复它。
服务器：
require('babel-polyfill')
const express = require('express')
const router = require('./middleware')
const expressStaticGzip = requir
浏览 0提问于2019-12-05得票数 7
回答已采纳
1回答
Eslint建议使用let而不是var。但我假设Babel将let转换为function() {...}或类似的东西，如果我到处使用let，这可能会导致大量膨胀。有人知道吗？我应该担心吗？
浏览 3提问于2015-09-02得票数 1
我正在使用type-graphql创建一个简单的API。因此，我创建了一个简单的查询，它在前面工作得很好。
@Resolver()
class B {
@Query({nullable: true})
async a(@Arg("b", () => String) b: string) {
}
}
但是当我将babel集成到我的项目中时，它开始抛出这个错误：
/Users/robot/Desktop/node-test/src/index.ts:37
var _a = (0, _asyncToGenerator2.default)( /*#__P
浏览 0提问于2020-12-06得票数 2
0回答
我们在生产中遇到了Relay/GraphQL/React的问题。在master中测试一切正常时，但是在生产中，我们在控制台中得到以下错误，导致与Relay/GraphQL/React相关的所有内容根本无法工作：
Uncaught Error: Relay transform error ``Map is not defined`` in file '/var/app/ondeck/app/react/relay/routes/xxx-route.jsx'. Try updating your GraphQL schema if an argument/field/type wa
浏览 1提问于2016-07-08得票数 1
我在试着安装babel和babel预置。但我似乎遇到了一个严重的错误，使我无法安装。
我输入了以下命令：
npm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-stage-0 babel-preset-react
但是它拒绝使用以下错误消息：
└─┬ UNMET PEER DEPENDENCY babel-core@5.8.38
└─┬ regenerator@0.8.40
├─┬ defs@1.1.1
│ └── esprima-fb@15001.1001.0
浏览 1提问于2016-03-25得票数 5
回答已采纳
3回答
我学习了Relay教程，在做了应用程序之后，我就开始使用这个教程来获得新的react并运行。我在TypeScript模式(从这里运行：)和正常的JavaScript模式下运行了它，并得到了相同的结果。
当我尝试运行这个应用程序时，我会遇到这样的错误：
要么没有设置Babel转换，要么无法识别该呼叫站点。确保它被逐字地用作graphql
我怀疑巴贝尔根本没有参选，但我不确定这是否完全正确。我跟踪了这个：，看看它是否会帮助我的babel在我的新创建-反应-应用程序+中继应用程序中执行，而没有运气。我甚至从应用程序中弹出了这个应用程序，并修改了webpack以使其正常工作。下面是我相信的相关
浏览 1提问于2018-03-19得票数 2
回答已采纳
1回答
我用laravel ()开发了一个graphql服务器。现在，我想使用Relay创建一个React应用程序。当我创建我的第一个组件时，我会在运行时接收错误: Uncaught :不变量违反: RelayQL:意外调用。要么没有设置Babel转换，要么无法识别该呼叫站点。确保它被逐字地用作Relay.QL。
我仍然搜索错误，我认识到我需要安装Babel插件。但是要包含这个插件，我必须指定一个模式。但是我仍然在服务器端指定了这个模式，为什么我在客户端也需要这个？在服务器仍然实现时(外部服务器，例如没有NodeJS服务器)，是否有实现此操作的示例？
谢谢你的建议。
浏览 4提问于2015-10-07得票数 1
回答已采纳
我刚开始使用Jest，我正在尝试测试我的助手函数。我现在没有用打字稿。
这是我在运行npm run test时遇到的错误
TypeError: Cannot destructure property 'print' of '_graphql.default' as it is undefined.
helper.test.js
import getDuplicateError from '../../helpers/auth'
test('Check if email already exists', () => {
浏览 1提问于2021-02-22得票数 0
1回答
我有一个插件，它添加了一些复杂逻辑的附加传送方法，它添加了带有API生成值的特定签出字段，等等。
事情是，我需要改变这种运输方法(如在一定条件下免费交货，一定数量等)。
是否有可能以某种方式创建一个类来继承这个带有复杂逻辑的自定义传送方法，或者不需要克隆整个插件文件夹和调整插件名称等等？
浏览 0提问于2018-12-14得票数 0
1回答
运行yarn upgrade或install时，由于未满足的peerDependencies，会收到大量警告。
warning " > apollo-link-http@1.5.9" has unmet peer dependency "graphql@^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0".
warning " > babel-loader@8.0.4" has unmet peer dependency "@babel/core@^7.0.0".
据我所知，列出的包需要依
浏览 1提问于2018-12-27得票数 29
在使用TypeScript时，babel插件中继和中继编译器并不解析我们的graphql调用.我们的TS生成的JS文件如下所示，目标是ES2015：
var mutation = compat_1.graphql(_templateObject2);
来自中继编译器的输出如下所示，表明没有解析任何文件：
Parsed default in 0.05s Writing default Writer time: 0.05s [0.05s compiling, 0.00s generating, 0.00s extra] Unchanged: 0 files Written default in 0
浏览 3提问于2017-05-16得票数 1
回答已采纳
简介：
我们的应用程序使用Heroku作为服务器。所以，在推送代码之后，它运行npm start，就像在我的package.json中一样
我目前版本的笔记本电脑上的nodeJS : v8.16.2，npm: 6.4.1。
在package.json中：
"engines": { "node": "10.16.3", "npm": "6.9.0" },
问题：
目前，它的运行方式是这样的"start": "node build/index.js"。最后的更改是关于
浏览 2提问于2020-01-28得票数 0
回答已采纳
更新：
关于控制台字符串的问题是重复的；所以我用异步将我的问题改为另一个问题，因为sam是
我有一个异步函数，它通过后缀orm获得记录，为什么？
我的问题是
const genericResolver = async ( table, action , values ) => {
resultValues = {};
let resultValues = await models[table].findById(values.id).then( function (data) {
console.log(' ************** data
浏览 5提问于2017-10-31得票数 0
回答已采纳
我正绞尽脑汁想把这个应用程序部署到Heroku上。问题是我使用的是带有Babel的ES6。
我找到了很多关于这方面的文章，但没有一篇能帮助我解决这个问题
即使当我在本地构建应用程序并尝试运行它时，我也遇到了另一个问题- build文件夹中的模块路径与通过Babel-build编译之前的路径相同。这是一种常见的行为吗，因为我以前从未遇到过这种情况
它应该启动GraphQL API -“heroku/graphql”
我会很感激你的帮助。
package.json
{
"name": "cocoon-api",
"version": "
浏览 3提问于2020-03-10得票数 0
我用的是威士( Nuxt.js )+阿波罗。 现在，我正在努力将Typescript加入到这个项目中，尤其是围绕Graphql。我读取了这个article并生成了类型文件，但它不工作。我无法在存储目录中的.ts文件中导入查询。 生成的类型文件。(~/graphql/types.d.ts) declare module '*/activate.gql' {
import { DocumentNode } from 'graphql'; <- another problem: ts says "error TS2307: Cannot find
浏览 35提问于2021-04-05得票数 0
1回答
我已经为我的小部件准备了一个有效的marko设置。我使用webpack 4和babel 7。当我向.marko文件中添加babel-加载程序时，webpack编译器抛出，因为它无法将marko的语法识别为有效的javascript。然而，装载机应在马科转移溢出后工作。
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Volumes/Workspace/product-curator-widget/src/index.marko: A class name is required
浏览 1提问于2019-09-04得票数 0
回答已采纳
我是一个反应初学者，中继和graphQL我能够创建一个良好的graphql模式文件，并成功地实现了中继，但遇到了反应问题。我正在使用webpack中的babel加载程序来帮助我将jsx转换为js，但这似乎是一些语法错误，babel无法理解。
这里是我的依赖关系。
"dependencies": {
"babel-cli": "^6.18.0",
"babel-core": "^6.21.0",
"babel-loader": "^6.2.10",
"babel-preset-
浏览 2提问于2017-01-13得票数 0
我正在尝试将nodemon与bable-node一起使用。我的package.json中有以下命令： "open-graph-playground": "nodemon --exec babel-node src/graphql/mock-server.js", 这是JavaScript文件： import fs from 'fs';
import open from 'open';
import { buildSchema } from 'graphql';
import express from 'e
浏览 101提问于2019-05-30得票数 2
我正在尝试升级到Babel 7，在前端应用程序上使用React 15.6.2和Relay 1.6.2
webpack捆绑建设成功。
但是，我在浏览器中得到以下控制台错误。
webpack_require(...).forwardRef不是buildReactRelayContainer的一个函数
我用webpack 3.12.0
并在开发依赖项中设置babel-plugin-relay，并将其设置在.babelrc插件的顶部，并设置在webpack插件列表的顶部。
注意:在这个阶段，我无法升级到React 16，因为一个库使用了from 15中不推荐的propTypes。
.babel
浏览 0提问于2018-10-06得票数 1
回答已采纳
您希望只使用webpack5分别构建Express和gql服务器相关文件。
但是，生成时会发生错误。
主误差
模块未找到:错误:无法解析./src‘in'/Users/leedonghee/Dropbox/Project/observer/Homepage/v2/server
我的文件不使用。/src任何地方。
目录
server(root)
├─ dist
├─ model(mongoose & gql)
│ ├─ schema.js
│ └─ main-sliders
│ ├─ model.js
│ ├─ resolver.js
│
浏览 0提问于2020-12-18得票数 5
1回答
我正在使用节点设置一个共享模块环境。这是我的目录结构：
project
|--common
| |--package.json
| |--graphql
| |----schema.js
|
|--server
|--package.json
|--server.js
将这两个项目联系起来：
$ cd project\common
$ npm link
然后：
$ cd ../server
$ npm link common
common Package.json文件：
{
"name": "common
浏览 1提问于2018-03-14得票数 7
1回答
我有一个带有基本NextJS组件的<PostList />项目，在该项目中，我使用react-apollo模块从GraphQL服务器检索一些测试数据：
import { gql, graphql } from "react-apollo";
import withData from "../../apollo/withData";
const GET_POSTS = gql`
{
posts {
_id
title
}
}
`;
const PostList = ({data: {loading, posts}}) =&g
浏览 1提问于2019-09-19得票数 1
操作系统: Windows 10 Pro
webpack: 1.14.0
因此，当我启动服务器(npm启动)时，下面的代码如下：
async applyMiddleware(req, next) {
....
}
由我的development的"babel": "env":["transform-async-to-generator"]的"babel": "env":["transform-async-to-generator"]部分正确地转换。但是，当我构建我的应用程序(npm )时，pr
浏览 2提问于2017-05-22得票数 1
回答已采纳
2回答
我发现了一个类似的问题，，但似乎没有答案。
我正在尝试使用Jest测试一个ES6类，如下所示：
// src/myclass.js
export default class MyClass {
constructor(options) {
// currently this is empty while I debug this problem
}
}
而测试：
// test/myclass.test.js
import { MyClass } from '../src/myclass.js';
describe("Test Cons
浏览 0提问于2018-10-01得票数 26
回答已采纳
我正在尝试运行GraphQL服务器。我在GraphQL中有一个简单的模式
import {
GraphQLObjectType,
GraphQLInt,
GraphQLString,
GraphQLList,
GraphQLSchema
} from 'graphql'
import db from './models'
const user = new GraphQLObjectType({
name: "user",
description: 'This represents a user',
浏览 2提问于2017-03-13得票数 1
回答已采纳
我尝试使用serverless将我的lambda函数部署到AWS。一切正常，但函数无法执行，因为没有找到两个文件(这是fs.readFileSync所说的)。我将它们包含在serverless.yml中的以下几行中：
provider:
name: aws
runtime: nodejs10.x
stage: dev
region: eu-central-1
package:
exclude:
- .env
include:
- src/config/push-cert.pem
- src/config/push-key.pem
当我查
浏览 25提问于2019-08-21得票数 0
回答已采纳
3回答
我正在用TypeScript编写一个网络应用程序。该应用程序使用的是Facebook的React和Relay。我的TypeScript源代码使用ES6编译器被编译成TypeScript代码。然后，使用Babel将ES6代码转换为ES5代码。为了让Relay在浏览器中工作，Babel插件需要转换Relay GraphQL查询：。问题是，由于TSC第一次传输这些查询，Babel Relay插件不再识别它们，因此它们不会被转换到浏览器理解的内容中，所以浏览器会抛出一个错误：
不变量冲突: RelayQL:运行时的意外调用。要么没有设置Babel转换，要么无法识别该呼叫站点。确保它被逐字地用作Rel
浏览 7提问于2016-01-15得票数 3
回答已采纳
我是新来的，刚刚用Graphql试用了Vue.js。经过一些学习，我使用vue ui(vue cli 3)构建了一个项目，并为客户机和服务器添加了vue-cli-plugin-阿波罗，因此我当前的项目结构如下：
项目文件夹
─┬── apollo-server (server folder)
├── node_modules
├── public
├─┬ src (client folder)
│ └┬─ assets
│ ├─ components
│ ├─ graphql
│ ├─ views
│ ├─ App.vue
│ ├─ main.js
│ ├─ r
浏览 0提问于2018-12-15得票数 2
这是我的Node应用程序的package.json：
{
"name": "my-graphql-app",
"version": "1.0.0",
"description": "My Node GraphQL APP",
"private": true,
"license": "UNLICENSED",
"scripts": {
"start":
浏览 4提问于2020-02-26得票数 3
1回答
我遵循了这个中继-现代同构-示例教程：
在那篇教程中，他们只有一个没有路由的页面，
import express from 'express';
import graphQLHTTP from 'express-graphql';
import nunjucks from 'nunjucks';
import path from 'path';
import webpack from 'webpack';
import WebpackDevServer from 'webpack-dev-server&
浏览 0提问于2018-02-01得票数 0
回答已采纳
2回答
我目前正在试验我的新反应项目使用React和GraphQL阿波罗的一个问题。这是我的堆栈：
Webpack将建/开发到项目
Babel到transpile javascript/jsx文件
开玩笑地运行测试
用酶来测试我的反应成分
问题是:当我运行测试时，阿波罗react客户端似乎没有被转移并抛出测试：
pp/containers/App/__tests__/App.test.jsx
● Test suite failed to run
/Users/utilisateur/Project/TrAVis/TrAVis/node_modules/react-
浏览 1提问于2018-02-10得票数 0
1回答
Jest和ES6语法问题
、、、
我有两个测试文件，它们都使用import。其中一个通过，另一个抛出错误：
node_modules/@storybook/addon-docs/blocks.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import deprecate from 'util-deprecate';
浏览 8提问于2021-10-12得票数 1
我正在使用Apollo Android GraphQL (Gradle插件版本1.2.1)将数据发布到服务器。我已经从服务器下载了schema.json文件，并编写了一个带有变体的.graphql文件。为了从App传递对象，我定义了一些输入对象，如下所示。
input Location {
lat: Float!
lon: Float!
}
input SensorParams {
sources: [Int]
exposition: Float
location: Location!
}
mutation InsertSessionResults(
浏览 31提问于2019-11-11得票数 3
我试图在Reactinative中使用阿波罗客户端useQuery来获取数据，但是loading挂起了真状态，无法获取data。
下面是实际代码。
App.js
import React from 'react';
import { SafeAreaView, Text, View } from 'react-native';
import { ApolloClient, ApolloProvider, InMemoryCache, gql, useQuery } from '@apollo/client';
const EXCHANGE_
浏览 10提问于2022-05-02得票数 3
回答已采纳
1回答
我创建了一个简单的包，其中它只有一个<div> x </div>，并将它与npm发布一起发布。然后我尝试在一个带有npm i的项目中安装它，它抛出了这个错误:目前还没有启用对实验性语法'jsx‘的支持，我试图安装@babel/preset- babel.config.js，设置如下
module.exports = {
presets: ["@babel/env", "@babel/react"],
};
但我想不出来。PS:对不起，我的英语很差，PS2:我用npx创建反应应用程序创建了我的应用程序。
浏览 10提问于2022-05-23得票数 0
，要获取查询，首先必须使用useQueryLoader预加载查询，然后将查询的结果传递给usePreloadedQuery。但是，第一步，useQueryLoader采用两个参数:查询本身(这很容易获得)和preloadedQueryReference (文档不解释如何获得)。他们说的都是“例如由路由器提供的”，但是没有一个路由器实际上支持带有钩子的中继，所以这不是有用的信息。
作为这方面的一个简单示例，我有一个要预加载然后使用查询的组件：
import {
usePaginationFragment,
usePreloadedQuery,
useQueryLoader
浏览 0提问于2021-08-09得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
