我想导入 graphql 文件,但出现错误
从“./schema/schema.graphql”导入 typeDefs;
10 import typeDefs from "./schema/schema.graphql";
~~~~~~~~~~~~~~~~~~~~~~~~~
at createTSError (C:\Users\darkc\Desktop\New folder (2)\server\node_modules\ts-node\src\index.ts:750:12)
at reportTSError (C:\Users\darkc\Desktop\New folder (2)\server\node_modules\ts-node\src\index.ts:754:19)
at getOutput (C:\Users\darkc\Desktop\New folder (2)\server\node_modules\ts-node\src\index.ts:941:36)
Run Code Online (Sandbox Code Playgroud)
如何将 graphql 文件导入 typescript ?
我创建了 useBanner 挂钩
\n\nconst useBanner = (array, yardage) => {\n const [bannArr, setBannArr] = useState(array.slice(0, yardage));\n const [bannListIndex, setBannIndex] = useState(1);\n\n return {\n ....\n };\n};\nRun Code Online (Sandbox Code Playgroud)\n\n我是否在做正确的事情并且将 props 放入 useState 中。\nIt\xe2\x80\x99s 允许使用 useBanner。
\n\nconst Banner= ({\n array,\n yardage\n}) => {\n const { bannForth, bannBeck, bannArr } = useBanner(array, yardage);\n return (\n ...\n );\n};\nRun Code Online (Sandbox Code Playgroud)\n\n当 props 在这里改变时。\n将改变 useBanner 中的状态。\也不被认为是反模式我必须把所有这些写在 useMemo 中
\n\nconst useBanner = (array, yardage) => {\n const [bannArr, setBannArr] = useState([]);\n const [bannListIndex, setBannIndex] = …Run Code Online (Sandbox Code Playgroud) _.concatlodash 和有什么区别Array.prototype.concat()?
import React, {Fragment, useState,useCallback } from "react";
const ProcessingSearch = () => {
const [price, setPrice] = useState({ maxPrice: 0, minPrice: 0 });
const inputMaxMin = useCallback(
({ target: { value, name } }) => {
name === "maxPrice"
? setPrice(({ minPrice }) => ({ maxPrice: value, minPrice }))
: setPrice(({ maxPrice }) => ({ minPrice: value, maxPrice }));
},
[price]
);
return (
<Fragment>
<form onSubmit={() => {}}>
{"Min"}
<input
{...ProcessingSearchInputPrice}
value={price.minPrice}
onChange={inputMaxMin}
/>
{"Max"}
<input
{...ProcessingSearchInputPrice}
value={price.maxPrice}
onChange={inputMaxMin} …Run Code Online (Sandbox Code Playgroud) 这是我的脚本
{
"name": "fullstack-apollo-express-boilerplate-project",
"version": "1.0.0",
"description": "",
"main": "index.ts",
"scripts": {
"tsc": "./node_modules/typescript/bin/tsc",
"build": "rimraf ./build && tsc",
"dev": "nodemon",
"start": "npm run build && node build/index.js",
"codegen": "graphql-codegen --config ./codegen.yml",
"lint": "eslint . --ext .ts",
"lint-and-fix": "eslint . --ext .ts --fix",
"prettier-format": "prettier --config .prettierrc src/**/*.ts --write"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@graphql-codegen/cli": "^2.3.0",
"@graphql-codegen/typescript": "^2.4.1",
"@graphql-codegen/typescript-resolvers": "^2.4.2",
"@shopify/eslint-plugin": "^41.0.1",
"@types/bcryptjs": "^2.4.2",
"@types/cookie-parser": "^1.4.2",
"@types/mongoose-lean-virtuals": "^0.5.2",
"@types/nodemailer": "^6.4.4",
"@types/uuid": "^8.3.3",
"@typescript-eslint/eslint-plugin": "^5.5.0",
"@typescript-eslint/parser": "^5.5.0", …Run Code Online (Sandbox Code Playgroud) 这是我的代码
const { loading, error, data } = useQuery(HeaderPage.query, {
fetchPolicy: "no-cache"
});
Run Code Online (Sandbox Code Playgroud)
当我使用 fetchPolicy 时:“无缓存”。多次请求也不行。
为什么只发出一次请求?
这是我的代码
const http = require('http');
const port = 8080;
const server = http.createServer((req, res) => {
res.end('Hello, world.');
});
server.listen(port);
Run Code Online (Sandbox Code Playgroud)
我收到一个错误
'req' 已声明,但其值永远不会。参数“req”隐式具有“any”类型
我知道三种纠正错误的方法// @ts-ignore。1、2、3 。我不喜欢所有这些方法。是否有不同的方法来解决这个问题?(req:any, res:any)"noImplicitAny": false
这是我的代码
import {EventEmitter} from 'events';
var emt = new EventEmitter();
emt.on('myEvent', () => {
console.log('Arrow function: ')
console.log(this)
});
emt.emit('myEvent');
Run Code Online (Sandbox Code Playgroud)
在线console.log(this)我收到错误。
包含箭头函数捕获“this”的全局值。
是什么原因?如何修复它?
这是我的代码
14 <NavLink
15 to={{
16 pathname: `/confirmMail`,
17 user: { email, nickName },
18 }}
19 >
20 {"Confirm Email"}
21 </NavLink>
Run Code Online (Sandbox Code Playgroud)
在第 17 行我收到错误
输入 '{ 路径名:字符串;用户:{电子邮件:字符串;昵称:字符串;}; }' 不可分配给类型 'LocationDescriptor | ((位置:位置) => 位置描述符)'。对象文字只能指定已知属性,并且类型“LocationDescriptorObject |”中不存在“用户” ((位置:位置) => 位置描述符)'。
我有这样一个组件
import React, { Fragment, memo } from "react";
const Gurdingo = () => {
return <Fragment>100</Fragment>;
};
export default memo(Gurdingo);
Run Code Online (Sandbox Code Playgroud)
我需要在这里使用备忘录吗?或者react本身理解不需要重建组件Gurdingo。
node.js ×4
reactjs ×4
typescript ×4
javascript ×2
apollo ×1
deployment ×1
graphql ×1
heroku ×1
lodash ×1
react-apollo ×1