Can't generate query files
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- graphql, node.js, react, typescript
調査の方向性
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 はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
apollographql/fullstack-tutorial のほかの issue
-
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
-
investigate
難易度 4/5 3〜5日 初心者へのやさしさ 30/100
-
documentation
apollographql/fullstack-tutorial#285 · コメント 3 件 · 担当者 1 名 ·
-
investigate
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
apollographql/fullstack-tutorial#255 · リアクション 2 件 ·
-
enhancement
難易度 4/5 3〜5日 初心者へのやさしさ 25/100
apollographql/fullstack-tutorial#254 · コメント 2 件 ·
apollographql/fullstack-tutorial の issue をすべて見る
似ている issue
-
blocklist removal
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
MetaMask/eth-phishing-detect#296544 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
pastelsky/bundlephobia#1122 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
-
category/development priority/P2 scope/file-operations scope/testing type/enhancement
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. オープン
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100