無法為 apollo-graphql 客戶端生成查詢文件

Question

我正在嘗試遵循Apollo graphql 教程並堅持創建Apollo 客戶端當我運行npm run codegen ，它被翻譯為apollo client:codegen --target typescript --watch給出以下錯誤：C

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 <
…

我的launch.tsx看起來是正確的：

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;

我的package.json如下：

{
  "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"
  }
}

嘗試使用節點 v14.4.0 和 v13.12.0，同樣的錯誤。 任何建議我做錯了什么？ 謝謝你。

Answer 1

嘗試命令npx apollo-codegen introspect-schema http://localhost:4000/graphql --output./types/schema.json祝你好運！