apollographql / apollographql/fullstack-tutorial
Can't generate query files
- Dominant language
- TypeScript
- Stars
- 1.2k
- Forks
- 808
- PR merge metrics
- No merged PRs in 30d
Description
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 = () => {
return
}
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.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start with client/src/pages/launches.tsx and package.json, then run npm run codegen to reproduce the Apollo client:codegen parser error. Compare the file syntax and the listed TypeScript, Apollo, and Node versions with the tutorial's expected setup. Done means query files generate successfully without the Unexpected < syntax error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- graphql, node.js, react, typescript
- Domain
- frontend, tooling
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100