EmaSuriano/gatsby-starter-mate

in http://localhost:8000/ not showing output

SabirKhanAkash opened this issue · 5 comments

All went correctly according to your README until I entered npm start in the terminal i got this showing in my terminal

> gatsby-starter-mate@0.0.0 start
> env-cmd --silent gatsby develop

success compile gatsby files - 4.735s
success load gatsby config - 0.099s
success load plugins - 2.788s
success onPreInit - 0.017s
success initialize cache - 0.031s
success copy gatsby files - 0.333s
success Compiling Gatsby Functions - 0.787s
success onPreBootstrap - 0.828s
success createSchemaCustomization - 0.539s
success Contentful: Sync changed items - 0.283s - 1/1 3.53/s
success Contentful: Fetch data - 1.079s
info Contentful: 0 new entries
info Contentful: 0 updated entries
info Contentful: 0 deleted entries
info Contentful: 9 cached entries
info Contentful: 0 new assets
info Contentful: 0 updated assets
info Contentful: 4 cached assets
info Contentful: 0 deleted assets                                                                                                                                                                                     
success Contentful: Create nodes - 0.007s                                                                                                                                                                             
success Contentful: Process data - 0.026s
success Checking for changed pages - 0.001s
success source and transform nodes - 3.182s
success building schema - 0.550s
success createPages - 0.018s
success createPagesStatefully - 0.042s
info Total nodes: 59, SitePage nodes: 4 (use --verbose for breakdown)                                                                                                                                                 
success Checking for changed pages - 0.001s                                                                                                                                                                           
success write out redirect data - 0.001s                                                                                                                                                                              
success Build manifest and related icons - 0.716s
success onPostBootstrap - 0.720s
info bootstrap finished - 22.868s                                                                                                                                                                                     
success onPreExtractQueries - 0.001s                                                                                                                                                                                  

 ERROR #85910  GRAPHQL

Multiple "root" queries found: "AboutMeQuery" and "AboutMeQuery".
Only the first ("AboutMeQuery") will be registered.

Instead of:

   1 | query AboutMeQuery {
   2 |   contentfulAbout {
   3 |     #...
   4 |   }
   5 | }
   6 |
   7 | query AboutMeQuery {
   8 |   contentfulAbout {
   9 |     #...
  10 |   }
  11 | }

Do:

  1 | query aboutMeQueryAndAboutMeQuery {
  2 |   contentfulAbout {
  3 |     #...
  4 |   }
  5 |   contentfulAbout {
  6 |     #...
  7 |   }
  8 | }

This can happen when you use two page/static queries in one file. Please combine those into one query.
If you're defining multiple components (each with a static query) in one file, you'll need to move each component to its own file.

File: node_modules\gatsby-theme-mate\src\queries\useAboutMeQuery.ts

See our docs page for more info on this error: https://www.gatsbyjs.com/docs/graphql/

                                                                                                                                                                                                                      
 ERROR #85910  GRAPHQL

Multiple "root" queries found: "HelmetQuery" and "HelmetQuery".
Only the first ("HelmetQuery") will be registered.

Instead of:

   1 | query HelmetQuery {
   2 |   contentfulAbout {
   3 |     #...
   4 |   }
   5 | }
   6 |
   7 | query HelmetQuery {
   8 |   contentfulAbout {
   9 |     #...
  10 |   }
  11 | }

Do:

  1 | query helmetQueryAndHelmetQuery {
  2 |   contentfulAbout {
  3 |     #...
  4 |   }
  5 |   contentfulAbout {
  6 |     #...
  7 |   }
  8 | }

This can happen when you use two page/static queries in one file. Please combine those into one query.
If you're defining multiple components (each with a static query) in one file, you'll need to move each component to its own file.

File: node_modules\gatsby-theme-mate\src\queries\useHelmetQuery.ts

See our docs page for more info on this error: https://www.gatsbyjs.com/docs/graphql/

                                                                                                                                                                                                                      
 ERROR #85910  GRAPHQL

Multiple "root" queries found: "SiteQuery" and "SiteQuery".
Only the first ("SiteQuery") will be registered.

Instead of:

   1 | query SiteQuery {
   2 |   contentfulAbout {
   3 |     #...
   4 |   }
   5 | }
   6 |
   7 | query SiteQuery {
   8 |   contentfulAbout {
   9 |     #...
  10 |   }
  11 | }

Do:

  1 | query siteQueryAndSiteQuery {
  2 |   contentfulAbout {
  3 |     #...
  4 |   }
  5 |   contentfulAbout {
  6 |     #...
  7 |   }
  8 | }

This can happen when you use two page/static queries in one file. Please combine those into one query.
If you're defining multiple components (each with a static query) in one file, you'll need to move each component to its own file.

File: node_modules\gatsby-theme-mate\src\queries\useSiteQuery.ts

See our docs page for more info on this error: https://www.gatsbyjs.com/docs/graphql/

                                                                                                                                                                                                                      
 ERROR #85910  GRAPHQL

Multiple "root" queries found: "MediumPostQuery" and "MediumPostQuery".
Only the first ("MediumPostQuery") will be registered.

Instead of:

   1 | query MediumPostQuery {
   2 |   mediumUser {
   3 |     #...
   4 |   }
   5 | }
   6 |
   7 | query MediumPostQuery {
   8 |   mediumUser {
   9 |     #...
  10 |   }
  11 | }

Do:

  1 | query mediumPostQueryAndMediumPostQuery {
  2 |   mediumUser {
  3 |     #...
  4 |   }
  5 |   mediumUser {
  6 |     #...
  7 |   }
  8 | }

This can happen when you use two page/static queries in one file. Please combine those into one query.
If you're defining multiple components (each with a static query) in one file, you'll need to move each component to its own file.

File: node_modules\gatsby-theme-mate\src\queries\useMediumQuery.ts

See our docs page for more info on this error: https://www.gatsbyjs.com/docs/graphql/

                                                                                                                                                                                                                      
 ERROR #85910  GRAPHQL

Multiple "root" queries found: "ProjectsQuery" and "ProjectsQuery".
Only the first ("ProjectsQuery") will be registered.

Instead of:

   1 | query ProjectsQuery {
   2 |   contentfulAbout {
   3 |     #...
   4 |   }
   5 | }
   6 |
   7 | query ProjectsQuery {
   8 |   contentfulAbout {
   9 |     #...
  10 |   }
  11 | }

Do:

  1 | query projectsQueryAndProjectsQuery {
  2 |   contentfulAbout {
  3 |     #...
  4 |   }
  5 |   contentfulAbout {
  6 |     #...
  7 |   }
  8 | }

This can happen when you use two page/static queries in one file. Please combine those into one query.
If you're defining multiple components (each with a static query) in one file, you'll need to move each component to its own file.

File: node_modules\gatsby-theme-mate\src\queries\useProjectsQuery.ts

See our docs page for more info on this error: https://www.gatsbyjs.com/docs/graphql/

failed extract queries from components - 1.811s
success write out requires - 0.021s
success run page queries - 0.016s - 1/1 63.13/s
⠀
You can now view gatsby-starter-mate in the browser.                                                                                                                                                                  
⠀                                                                                                                                                                                                                     
  http://localhost:8000/                                                                                                                                                                                              
⠀                                                                                                                                                                                                                     
View GraphiQL, an in-browser IDE, to explore your site's data and schema                                                                                                                                              
⠀                                                                                                                                                                                                                     
  http://localhost:8000/___graphql                                                                                                                                                                                    
⠀                                                                                                                                                                                                                     
Note that the development build is not optimized.                                                                                                                                                                     
To create a production build, use gatsby build                                                                                                                                                                        
⠀                                                                                                                                                                                                                     
warn ./node_modules/power-assert-formatter/lib/create.js
Critical dependency: the request of a dependency is an expression
success Building development bundle - 11.659s                                                                                                                                                                         
success Writing page-data.json files to public directory - 0.242s - 3/4 16.55/s

and when I go to http://localhost:8000/ in the browser, I see this https://ibb.co/bsfd0r9
Please @EmaSuriano I need your response on this.
and in the mate-portfolio/src/ directory there are no folders such as 'components', 'pages', 'sections' like your video

Hey @SabirKhanAkash did you follow the setup guidelines? By the logs it looks like you have duplication of queries 🤔 Do you have a link to the repo, I can take a look at the file structure if you want

Yes I followed all the guidelines step by step from your README and your video. It was all going good, but when I executed yarn start I'm getting this terminal log and output:

akash@AKASH MINGW64 /d/Study Materials/Study/My Web Workspace/MyPortfolio/sabirkhanakash (master)
$ yarn start
yarn run v1.22.18
$ env-cmd --silent gatsby develop
success compile gatsby files - 11.561s
success load gatsby config - 0.078s
warn Plugin gatsby-theme-mate is not compatible with your gatsby version 4.10.3 - It requires gatsby@^3
warn Plugin gatsby-theme-mate is not compatible with your gatsby version 4.10.3 - It requires gatsby@^3
success load plugins - 3.943s
success onPreInit - 0.017s
success initialize cache - 0.173s
success copy gatsby files - 0.376s
success Compiling Gatsby Functions - 0.789s
success onPreBootstrap - 0.854s
success createSchemaCustomization - 0.699s
success Contentful: Sync all items - 0.694s - 12/12 17.29/s
success Contentful: Fetch data - 1.809s
info Contentful: 0 new entries
info Contentful: 8 updated entries
info Contentful: 0 deleted entries                                                                                                                                                                                                    
info Contentful: 0 cached entries                                                                                                                                                                                                     
info Contentful: 0 new assets                                                                                                                                                                                                         
info Contentful: 4 updated assets
info Contentful: 0 cached assets                                                                                                                                                                                                      
info Contentful: 0 deleted assets                                                                                                                                                                                                     
info Creating 3 Contentful Project nodes                                                                                                                                                                                              
info Creating 1 Contentful About nodes
info Creating 4 Contentful Social Link nodes
info Creating 4 Contentful asset nodes
success Contentful: Create nodes - 0.120s
success Contentful: Process data - 0.151s
success Checking for changed pages - 0.001s                                                                                                                                                                                           
success source and transform nodes - 7.962s                                                                                                                                                                                           
success building schema - 0.698s
success createPages - 0.023s
success createPagesStatefully - 0.073s
info Total nodes: 59, SitePage nodes: 4 (use --verbose for breakdown)                                                                                                                                                                 
success Checking for changed pages - 0.001s                                                                                                                                                                                           
success write out redirect data - 0.002s                                                                                                                                                                                              
success Build manifest and related icons - 0.902s
success onPostBootstrap - 0.907s
info bootstrap finished - 39.798s                                                                                                                                                                                                     
success onPreExtractQueries - 0.001s                                                                                                                                                                                                  
success extract queries from components - 2.176s
success write out requires - 0.040s
success run static queries - 0.054s - 5/5 91.89/s
success run page queries - 0.015s - 3/3 198.74/s
⠀
You can now view gatsby-starter-mate in the browser.                                                                                                                                                                                  
⠀                                                                                                                                                                                                                                     
  http://localhost:8000/                                                                                                                                                                                                              
⠀                                                                                                                                                                                                                                     
View GraphiQL, an in-browser IDE, to explore your site's data and schema                                                                                                                                                              
⠀
  http://localhost:8000/___graphql                                                                                                                                                                                                    
⠀                                                                                                                                                                                                                                     
Note that the development build is not optimized.                                                                                                                                                                                     
To create a production build, use gatsby build                                                                                                                                                                                        
⠀                                                                                                                                                                                                                                     
warn ./node_modules/power-assert-formatter/lib/create.js
Critical dependency: the request of a dependency is an expression
success Building development bundle - 35.658s                                                                                                                                                                                         
success Writing page-data.json files to public directory - 0.799s - 3/4 5.01/s

Now I'm not getting any query error but when I go to http://localhost:8000/ in the browser, I get this OUTPUT . I'm attaching my repo here so that you can look up my file structure.
Mentioning that your repo did not have any files/folders in the src directory but in your video there were files/folders. Thank You @EmaSuriano

@EmaSuriano sir, looking for your reply regarding this issue. Thank you.

Are you still having the same issue? Today I was working with the starter and I didn't face this issue @SabirKhanAkash

As mentioned above, I cannot reproduce this issue. Closing this for now