fabe/gatsby-starter-deck

base example breaks

koaning opened this issue · 9 comments

koaning commented

after downloading and running gatsby develop i get this error:

➜  my-slides git:(master) ✗ gatsby develop
success open and validate gatsby-configs — 0.004 s
success load plugins — 0.389 s
success onPreInit — 0.010 s
success initialize cache — 0.015 s
success copy gatsby files — 0.061 s
success onPreBootstrap — 0.002 s
success source and transform nodes — 0.036 s
success building schema — 0.163 s
success createPages — 0.030 s
success createPagesStatefully — 0.024 s
success onPreExtractQueries — 0.001 s
success update schema — 0.021 s
error GraphQL Error Encountered 2 error(s):
- Unknown field 'allSlide' on type 'Query'. Source: document `IndexQuery` file: `GraphQL request`

  GraphQL request (10:9)
   9:         }
  10:         allSlide {
              ^
  11:           edges {

- Unknown field 'slide' on type 'Query'.

      file: /Users/vincent/Development/my-slides/src/templates/slide.js



success extract queries from components — 0.085 s
success run static queries — 0.001 s
⠁ (node:95935) DeprecationWarning: Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use `codeFrameColumns`.
success run page queries — 0.013 s — 10/10 807.98 queries/second
success write out page data — 0.004 s
success write out redirect data — 0.000 s
success onPostBootstrap — 0.000 s

info bootstrap finished - 2.323 s

 ERROR  Failed to compile with 1 errors                                                                     3:54:51 PM

 error  in ./src/templates/slide.js

Module Error (from ./node_modules/eslint-loader/index.js):

/Users/vincent/Development/my-slides/src/templates/slide.js
  15:5  error  Cannot query field "slide" on type "Query". Did you mean "site"?  graphql/template-strings

✖ 1 problem (1 error, 0 warnings)


 @ ./.cache/sync-requires.js 15:58-128
 @ ./.cache/app.js
 @ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app

✖ ｢wdm｣:
ERROR in ./src/templates/slide.js
Module Error (from ./node_modules/eslint-loader/index.js):

/Users/vincent/Development/my-slides/src/templates/slide.js
  15:5  error  Cannot query field "slide" on type "Query". Did you mean "site"?  graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

 @ ./.cache/sync-requires.js 15:58-128
 @ ./.cache/app.js
 @ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app
ℹ ｢wdm｣: Failed to compile.
 WAIT  Compiling...                                                                                         3:54:51 PM

ℹ ｢wdm｣: Compiling...
 ERROR  Failed to compile with 2 errors                                                                     3:54:51 PM

 error  in ./src/layouts/index.js

Module Error (from ./node_modules/eslint-loader/index.js):

/Users/vincent/Development/my-slides/src/layouts/index.js
  98:9  error  Cannot query field "allSlide" on type "Query". Did you mean "allSite" or "allFile"?  graphql/template-strings

✖ 1 problem (1 error, 0 warnings)


 @ ./node_modules/gatsby-plugin-layout/wrap-page.js 12:25-62
 @ ./node_modules/gatsby-plugin-layout/gatsby-browser.js
 @ ./.cache/api-runner-browser-plugins.js
 @ ./.cache/api-runner-browser.js
 @ ./.cache/app.js
 @ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app

 error  in ./src/templates/slide.js

Module Error (from ./node_modules/eslint-loader/index.js):

/Users/vincent/Development/my-slides/src/templates/slide.js
  15:5  error  Cannot query field "slide" on type "Query". Did you mean "site"?  graphql/template-strings

✖ 1 problem (1 error, 0 warnings)


 @ ./.cache/sync-requires.js 15:58-128
 @ ./.cache/app.js
 @ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app

✖ ｢wdm｣:
ERROR in ./src/layouts/index.js
Module Error (from ./node_modules/eslint-loader/index.js):

/Users/vincent/Development/my-slides/src/layouts/index.js
  98:9  error  Cannot query field "allSlide" on type "Query". Did you mean "allSite" or "allFile"?  graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

 @ ./node_modules/gatsby-plugin-layout/wrap-page.js 12:25-62
 @ ./node_modules/gatsby-plugin-layout/gatsby-browser.js
 @ ./.cache/api-runner-browser-plugins.js
 @ ./.cache/api-runner-browser.js
 @ ./.cache/app.js
 @ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app

ERROR in ./src/templates/slide.js
Module Error (from ./node_modules/eslint-loader/index.js):

/Users/vincent/Development/my-slides/src/templates/slide.js
  15:5  error  Cannot query field "slide" on type "Query". Did you mean "site"?  graphql/template-strings

✖ 1 problem (1 error, 0 warnings)

 @ ./.cache/sync-requires.js 15:58-128
 @ ./.cache/app.js
 @ multi event-source-polyfill (webpack)-hot-middleware/client.js?path=/__webpack_hmr&reload=true&overlay=false ./.cache/app
ℹ ｢wdm｣: Failed to compile.

I'm super new when it comes to React so this error baffles me.

fabe commented

Hey @koaning! I just tried out a fresh installation and things worked fine for me. Could you try re-installing the project's dependencies by running yarn? I'm pretty sure it's related to how npm is linking the dependencies.

koaning commented

I've never used that but sure I'll give it a try.

koaning commented

mhm...

> git clone my-slides git@github.com:fabe/gatsby-starter-deck.git
fatal: repository 'my-slides' does not exist

does that line of code work on your machine?

fabe commented

Good catch, should be the other way around :)

git clone git@github.com:fabe/gatsby-starter-deck.git my-slides
koaning commented

holy moly.

venv) ➜  my-slides git:(master) tarn
zsh: command not found: tarn
(venv) ➜  my-slides git:(master) yarn
yarn install v1.15.2
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[###########################################------------------] 1266/1815

there's 1815 dependencies?

koaning commented

it does seem to work now though.

just to check, is there latex support? :)

fabe commented

Yes, in comparison, gatsby-starter-hello-world has about 1250 dependencies.

Since we're using Gatsby and Remark, you can make use of the gatsby-remark-katex plugin!

koaning commented
fabe commented

Sure, let me know if you have any other questions!