Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Can't generate query files

未关闭
#150 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
graphql, node.js, react, typescript
领域
frontend, tooling

调研方向

从 client/src/pages/launches.tsx 和 package.json 开始,然后运行 npm run codegen 以复现 Apollo client:codegen 的解析器错误。将文件语法以及列出的 TypeScript、Apollo 和 Node 版本与教程预期的设置进行比较。当查询文件能够成功生成且不出现 Unexpected < syntax error 时,即表示完成。

由索引模型根据 Issue 内容生成。

描述

Hi,
Following the tutorial but stuck at generating query files.
When I run npm run codegen which is translated to apollo client:codegen --target typescript --watch
I get the following error:

Generating query files with 'typescript' target
    → Syntax error in file:///Users/anatoly/Documents/git/fullstack-tutorial/start/client/src/pages/launches.tsx: Syntax Error: Unexpected <
…

My launches.tsx looks correct:

import React, { Fragment }  from 'react';
import { RouteComponentProps } from '@reach/router';
import gql from 'graphql-tag';

interface LaunchesProps extends RouteComponentProps {}

const Launches: React.FC<LaunchesProps> = () => {
  return <div />;
}

export const LAUNCH_TILE_DATA = gql`
`;

export default Launches;

My package.json is following:

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@apollo/react-hooks": "3.0.0",
    "@reach/router": "^1.2.1",
    "@types/node": "^12.12.14",
    "@types/reach__router": "^1.2.6",
    "@types/react": "^16.9.15",
    "@types/react-dom": "^16.9.4",
    "apollo-cache-inmemory": "^1.6.2",
    "apollo-client": "^2.6.10",
    "apollo-link-http": "^1.5.15",
    "emotion": "^9.2.12",
    "graphql": "^14.4.2",
    "graphql-tag": "^2.10.1",
    "polished": "^3.4.1",
    "react": "^16.9.0-alpha.0",
    "react-dom": "^16.9.0-alpha.0",
    "react-emotion": "^9.2.12",
    "react-scripts": "^3.4.1",
    "typescript": "^3.7.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "run:ios-demo": "npx artillery run apollo-internal-demos/ios-workload.yml",
    "codegen": "apollo client:codegen --target typescript --watch"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "@apollo/react-testing": "3.0.0",
    "@testing-library/jest-dom": "^4.0.0",
    "@testing-library/react": "^8.0.7",
    "@types/jest": "^24.0.23",
    "apollo": "^2.28.3",
    "artillery": "^1.6.0-26",
    "npm-watch": "^0.6.0"
  }
}

Tried with node v14.4.0 and v13.12.0, same error. Any suggestions what am I doing wrong? Thank you.

主要语言
TypeScript
星标
1.2k
派生
808
PR 合并指标
30 天内没有已合并 PR

贡献指南

这个仓库没有索引到贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

apollographql/fullstack-tutorial 的其他 Issue

查看 apollographql/fullstack-tutorial 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。