strapi / starters-and-templates

Monorepo for all official Strapi v4 templates
MIT License
327 stars 117 forks source link

Error when executing gatsby-blog starter #46

Closed nbxNTC closed 2 years ago

nbxNTC commented 2 years ago

I just installed gatsby-blog starter and got some errors when the installation is concluded and the project starts automatically.

Running just the backend, all works properly, but when running the frontend, I got some errors.

Errors

➜  gatsby-blog git:(master) ✗ yarn develop
yarn run v1.22.19
$ cross-env FORCE_COLOR=1 npm-run-all -l -p develop:*
$ wait-on http://localhost:1337/admin && yarn --cwd frontend develop
$ yarn --cwd backend develop
$ strapi develop
[develop:backend ]
[develop:backend ]  Project information
[develop:backend ]
[develop:backend ] ┌────────────────────┬──────────────────────────────────────────────────┐
[develop:backend ] │ Time               │ Wed Jun 29 2022 22:41:59 GMT-0300 (Brasilia Sta… │
[develop:backend ] │ Launched in        │ 1069 ms                                          │
[develop:backend ] │ Environment        │ development                                      │
[develop:backend ] │ Process PID        │ 16832                                            │
[develop:backend ] │ Version            │ 4.2.2 (node v14.19.3)                            │
[develop:backend ] │ Edition            │ Community                                        │
[develop:backend ] └────────────────────┴──────────────────────────────────────────────────┘
[develop:backend ]
[develop:backend ]  Actions available
[develop:backend ]
[develop:backend ] One more thing...
[develop:backend ] Create your first administrator 💻 by going to the administration panel at:
[develop:backend ]
[develop:backend ] ┌─────────────────────────────┐
[develop:backend ] │ http://localhost:1337/admin │
[develop:backend ] └─────────────────────────────┘
[develop:backend ]
[develop:backend ] [2022-06-29 22:41:59.054] http: HEAD /admin (13 ms) 200
$ gatsby develop
[develop:backend ] [2022-06-29 22:41:59.791] http: GET /admin (5 ms) 200
[develop:backend ] [2022-06-29 22:41:59.976] http: GET /admin/project-type (2 ms) 200
[develop:backend ] [2022-06-29 22:42:00.121] http: GET /admin/init (2 ms) 200
[develop:frontend] success compile gatsby files - 0.619s
success load gatsby config - 0.015s
success load plugins - 0.503s
Loaded gatsby-source-strapi-plugin
success onPreInit - 0.005s
success initialize cache - 0.061s
success copy gatsby files - 0.086s
success Compiling Gatsby Functions - 0.148s
success onPreBootstrap - 0.166s
success createSchemaCustomization - 0.004s
[develop:frontend]
[develop:backend ] [2022-06-29 22:42:02.981] http: GET /api/content-type-builder/content-types (2 ms) 403

[develop:frontend]  ERROR #11321  PLUGIN
[develop:frontend]
[develop:frontend] "gatsby-source-strapi" threw an error while running the sourceNodes lifecycle:
[develop:frontend]
[develop:frontend] Request failed with status code 403
[develop:frontend]

[develop:frontend]
[develop:frontend]   Error: Request failed with status code 403
[develop:frontend]
[develop:frontend]   - createError.js:16 createError
[develop:frontend]     [frontend]/[axios]/lib/core/createError.js:16:15
[develop:frontend]
[develop:frontend]   - settle.js:17 settle
[develop:frontend]     [frontend]/[axios]/lib/core/settle.js:17:12
[develop:frontend]
[develop:frontend]   - http.js:293 IncomingMessage.handleStreamEnd
[develop:frontend]     [frontend]/[axios]/lib/adapters/http.js:293:11
[develop:frontend]
[develop:frontend]   - readable.js:1333 endReadableNT
[develop:frontend]     internal/streams/readable.js:1333:12
[develop:frontend]
[develop:frontend]   - task_queues.js:82 processTicksAndRejections
[develop:frontend]     internal/process/task_queues.js:82:21
[develop:frontend]
[develop:frontend]
warn The gatsby-source-strapi plugin has generated no Gatsby nodes. Do you need
[develop:frontend] it? This could also suggest the plugin is misconfigured.
success Checking for changed pages - 0.000s
success source and transform nodes - 0.088s
success building schema - 0.138s

[develop:frontend]  ERROR #85923  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Cannot query field "allStrapiArticle" on type "Query".
[develop:frontend]
[develop:frontend] If you don't expect "allStrapiArticle" to exist on the type "Query" it is most
[develop:frontend] likely a typo. However, if you expect "allStrapiArticle" to exist there are a
[develop:frontend] couple of solutions to common problems:
[develop:frontend]
[develop:frontend] - If you added a new data source and/or changed something inside
[develop:frontend] gatsby-node/gatsby-config, please try a restart of your development server.
[develop:frontend] - You want to optionally use your field "allStrapiArticle" and right now it is
[develop:frontend] not used anywhere.
[develop:frontend]
[develop:frontend] It is recommended to explicitly type your GraphQL schema if you want to use
[develop:frontend] optional fields.
[develop:frontend]
[develop:frontend] File: gatsby-node.js:9:24
[develop:frontend]
[develop:frontend] See our docs page for more info on this error:
[develop:frontend] https://gatsby.dev/creating-type-definitions
[develop:frontend]

[develop:frontend]  ERROR
[develop:frontend]
[develop:frontend] There was an error loading your Strapi articles Cannot query field
[develop:frontend] "allStrapiArticle" on type "Query".
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Cannot query field "allStrapiArticle" on type "Query".
[develop:frontend]
[develop:frontend]   - graphql-runner.ts:120 GraphQLRunner.validate
[develop:frontend]     [frontend]/[gatsby]/src/query/graphql-runner.ts:120:16
[develop:frontend]
[develop:frontend]   - graphql-runner.ts:187 GraphQLRunner.query
[develop:frontend]     [frontend]/[gatsby]/src/query/graphql-runner.ts:187:39
[develop:frontend]
[develop:frontend]   - create-graphql-runner.ts:57 apply
[develop:frontend]     [frontend]/[gatsby]/src/bootstrap/create-graphql-runner.ts:57:8
[develop:frontend]
[develop:frontend]   - create-pages.ts:36 wrappedGraphQL
[develop:frontend]     [frontend]/[gatsby]/src/services/create-pages.ts:36:47
[develop:frontend]
[develop:frontend]   - gatsby-node.js:9 Object.exports.createPages
[develop:frontend]     /home/marionbx/github/hubs/poc/gatsby-blog/frontend/gatsby-node.js:9:24
[develop:frontend]
[develop:frontend]   - api-runner-node.js:487 runAPI
[develop:frontend]     [frontend]/[gatsby]/src/utils/api-runner-node.js:487:22
[develop:frontend]
[develop:frontend]   - api-runner-node.js:638 Promise.catch.decorateEvent.pluginName
[develop:frontend]     [frontend]/[gatsby]/src/utils/api-runner-node.js:638:13
[develop:frontend]
[develop:frontend]   - debuggability.js:384 Promise._execute
[develop:frontend]     [frontend]/[bluebird]/js/release/debuggability.js:384:9
[develop:frontend]
[develop:frontend]   - promise.js:518 Promise._resolveFromExecutor
[develop:frontend]     [frontend]/[bluebird]/js/release/promise.js:518:18
[develop:frontend]
[develop:frontend]   - promise.js:103 new Promise
[develop:frontend]     [frontend]/[bluebird]/js/release/promise.js:103:10
[develop:frontend]
[develop:frontend]   - api-runner-node.js:636
[develop:frontend]     [frontend]/[gatsby]/src/utils/api-runner-node.js:636:16
[develop:frontend]
[develop:frontend]
failed createPages - 0.062s
success createPagesStatefully - 0.052s
info Total nodes: 37, SitePage nodes: 3 (use --verbose for breakdown)
success Checking for changed pages - 0.000s
success write out redirect data - 0.001s
success onPostBootstrap - 0.002s
info bootstrap finished - 3.385s
success onPreExtractQueries - 0.000s

[develop:frontend]  ERROR #85923  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Cannot query field "strapiGlobal" on type "Query".
[develop:frontend]
[develop:frontend] If you don't expect "strapiGlobal" to exist on the type "Query" it is most
[develop:frontend] likely a typo. However, if you expect "strapiGlobal" to exist there are a couple
[develop:frontend]  of solutions to common problems:
[develop:frontend]
[develop:frontend] - If you added a new data source and/or changed something inside
[develop:frontend] gatsby-node/gatsby-config, please try a restart of your development server.
[develop:frontend] - You want to optionally use your field "strapiGlobal" and right now it is not
[develop:frontend] used anywhere.
[develop:frontend]
[develop:frontend] It is recommended to explicitly type your GraphQL schema if you want to use
[develop:frontend] optional fields.
[develop:frontend]
[develop:frontend] File: src/components/seo.js:8:7
[develop:frontend]
[develop:frontend] See our docs page for more info on this error:
[develop:frontend] https://gatsby.dev/creating-type-definitions
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_MEDIASTRAPI__COMPONENT_SHARED_QUOTESTRAPI
[develop:frontend] __COMPONENT_SHARED_RICH_TEXTSTRAPI__COMPONENT_SHARED_SLIDERUnion".
[develop:frontend]
[develop:frontend] GraphQL request:2:22
[develop:frontend] 2 |   fragment Blocks on
[develop:frontend] STRAPI__COMPONENT_SHARED_MEDIASTRAPI__COMPONENT_SHARED_QUOT
[develop:frontend]   |                      ^
[develop:frontend]   | ESTRAPI__COMPONENT_SHARED_RICH_TEXTSTRAPI__COMPONENT_SHARED_SLIDERUnion {
[develop:frontend]
[develop:frontend] File: src/pages/about.js:10:22
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_MEDIASTRAPI__COMPONENT_SH
[develop:frontend]   ARED_QUOTESTRAPI__COMPONENT_SHARED_RICH_TEXTSTRAPI__COMPONENT_SHARED_SLIDERUni
[develop:frontend]   on".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_RICH_TEXT".
[develop:frontend]
[develop:frontend] GraphQL request:4:12
[develop:frontend] 3 |     __typename
[develop:frontend] 4 |     ... on STRAPI__COMPONENT_SHARED_RICH_TEXT {
[develop:frontend]   |            ^
[develop:frontend] 5 |       richTextBody: body {
[develop:frontend]
[develop:frontend] File: src/pages/about.js:12:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_RICH_TEXT".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_MEDIA".
[develop:frontend]
[develop:frontend] GraphQL request:15:12
[develop:frontend] 14 |     }
[develop:frontend] 15 |     ... on STRAPI__COMPONENT_SHARED_MEDIA {
[develop:frontend]    |            ^
[develop:frontend] 16 |       file {
[develop:frontend]
[develop:frontend] File: src/pages/about.js:23:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_MEDIA".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_QUOTE".
[develop:frontend]
[develop:frontend] GraphQL request:25:12
[develop:frontend] 24 |     }
[develop:frontend] 25 |     ... on STRAPI__COMPONENT_SHARED_QUOTE {
[develop:frontend]    |            ^
[develop:frontend] 26 |       title
[develop:frontend]
[develop:frontend] File: src/pages/about.js:33:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_QUOTE".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_SLIDER".
[develop:frontend]
[develop:frontend] GraphQL request:29:12
[develop:frontend] 28 |     }
[develop:frontend] 29 |     ... on STRAPI__COMPONENT_SHARED_SLIDER {
[develop:frontend]    |            ^
[develop:frontend] 30 |       files {
[develop:frontend]
[develop:frontend] File: src/pages/about.js:37:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_SLIDER".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85923  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Cannot query field "strapiAbout" on type "Query".
[develop:frontend]
[develop:frontend] If you don't expect "strapiAbout" to exist on the type "Query" it is most likely
[develop:frontend]  a typo. However, if you expect "strapiAbout" to exist there are a couple of
[develop:frontend] solutions to common problems:
[develop:frontend]
[develop:frontend] - If you added a new data source and/or changed something inside
[develop:frontend] gatsby-node/gatsby-config, please try a restart of your development server.
[develop:frontend] - You want to optionally use your field "strapiAbout" and right now it is not
[develop:frontend] used anywhere.
[develop:frontend]
[develop:frontend] It is recommended to explicitly type your GraphQL schema if you want to use
[develop:frontend] optional fields.
[develop:frontend]
[develop:frontend] File: src/pages/about.js:11:7
[develop:frontend]
[develop:frontend] See our docs page for more info on this error:
[develop:frontend] https://gatsby.dev/creating-type-definitions
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI_ARTICLE".
[develop:frontend]
[develop:frontend] GraphQL request:2:27
[develop:frontend] 1 |
[develop:frontend] 2 |   fragment ArticleCard on STRAPI_ARTICLE {
[develop:frontend]   |                           ^
[develop:frontend] 3 |     id
[develop:frontend]
[develop:frontend] File: src/pages/index.js:10:27
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI_ARTICLE".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85923  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Cannot query field "allStrapiArticle" on type "Query".
[develop:frontend]
[develop:frontend] If you don't expect "allStrapiArticle" to exist on the type "Query" it is most
[develop:frontend] likely a typo. However, if you expect "allStrapiArticle" to exist there are a
[develop:frontend] couple of solutions to common problems:
[develop:frontend]
[develop:frontend] - If you added a new data source and/or changed something inside
[develop:frontend] gatsby-node/gatsby-config, please try a restart of your development server.
[develop:frontend] - You want to optionally use your field "allStrapiArticle" and right now it is
[develop:frontend] not used anywhere.
[develop:frontend]
[develop:frontend] It is recommended to explicitly type your GraphQL schema if you want to use
[develop:frontend] optional fields.
[develop:frontend]
[develop:frontend] File: src/pages/index.js:11:7
[develop:frontend]
[develop:frontend] See our docs page for more info on this error:
[develop:frontend] https://gatsby.dev/creating-type-definitions
[develop:frontend]

[develop:frontend]  ERROR #85923  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Cannot query field "strapiGlobal" on type "Query".
[develop:frontend]
[develop:frontend] If you don't expect "strapiGlobal" to exist on the type "Query" it is most
[develop:frontend] likely a typo. However, if you expect "strapiGlobal" to exist there are a couple
[develop:frontend]  of solutions to common problems:
[develop:frontend]
[develop:frontend] - If you added a new data source and/or changed something inside
[develop:frontend] gatsby-node/gatsby-config, please try a restart of your development server.
[develop:frontend] - You want to optionally use your field "strapiGlobal" and right now it is not
[develop:frontend] used anywhere.
[develop:frontend]
[develop:frontend] It is recommended to explicitly type your GraphQL schema if you want to use
[develop:frontend] optional fields.
[develop:frontend]
[develop:frontend] File: src/pages/index.js:16:7
[develop:frontend]
[develop:frontend] See our docs page for more info on this error:
[develop:frontend] https://gatsby.dev/creating-type-definitions
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_MEDIASTRAPI__COMPONENT_SHARED_QUOTESTRAPI
[develop:frontend] __COMPONENT_SHARED_RICH_TEXTSTRAPI__COMPONENT_SHARED_SLIDERUnion".
[develop:frontend]
[develop:frontend] GraphQL request:2:22
[develop:frontend] 2 |   fragment Blocks on
[develop:frontend] STRAPI__COMPONENT_SHARED_MEDIASTRAPI__COMPONENT_SHARED_QUOT
[develop:frontend]   |                      ^
[develop:frontend]   | ESTRAPI__COMPONENT_SHARED_RICH_TEXTSTRAPI__COMPONENT_SHARED_SLIDERUnion {
[develop:frontend]
[develop:frontend] File: src/templates/article-post.js:37:22
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_MEDIASTRAPI__COMPONENT_SH
[develop:frontend]   ARED_QUOTESTRAPI__COMPONENT_SHARED_RICH_TEXTSTRAPI__COMPONENT_SHARED_SLIDERUni
[develop:frontend]   on".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_RICH_TEXT".
[develop:frontend]
[develop:frontend] GraphQL request:4:12
[develop:frontend] 3 |     __typename
[develop:frontend] 4 |     ... on STRAPI__COMPONENT_SHARED_RICH_TEXT {
[develop:frontend]   |            ^
[develop:frontend] 5 |       richTextBody: body {
[develop:frontend]
[develop:frontend] File: src/templates/article-post.js:39:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_RICH_TEXT".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_MEDIA".
[develop:frontend]
[develop:frontend] GraphQL request:15:12
[develop:frontend] 14 |     }
[develop:frontend] 15 |     ... on STRAPI__COMPONENT_SHARED_MEDIA {
[develop:frontend]    |            ^
[develop:frontend] 16 |       file {
[develop:frontend]
[develop:frontend] File: src/templates/article-post.js:50:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_MEDIA".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_QUOTE".
[develop:frontend]
[develop:frontend] GraphQL request:25:12
[develop:frontend] 24 |     }
[develop:frontend] 25 |     ... on STRAPI__COMPONENT_SHARED_QUOTE {
[develop:frontend]    |            ^
[develop:frontend] 26 |       title
[develop:frontend]
[develop:frontend] File: src/templates/article-post.js:60:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_QUOTE".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85901  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Unknown type "STRAPI__COMPONENT_SHARED_SLIDER".
[develop:frontend]
[develop:frontend] GraphQL request:29:12
[develop:frontend] 28 |     }
[develop:frontend] 29 |     ... on STRAPI__COMPONENT_SHARED_SLIDER {
[develop:frontend]    |            ^
[develop:frontend] 30 |       files {
[develop:frontend]
[develop:frontend] File: src/templates/article-post.js:64:12
[develop:frontend]

[develop:frontend]
[develop:frontend]   GraphQLError: Unknown type "STRAPI__COMPONENT_SHARED_SLIDER".
[develop:frontend]
[develop:frontend]   - query-compiler.js:365 processDefinitions
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:365:20
[develop:frontend]
[develop:frontend]   - query-compiler.js:176 processQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:176:10
[develop:frontend]
[develop:frontend]   - query-compiler.js:78 compile
[develop:frontend]     [frontend]/[gatsby]/src/query/query-compiler.js:78:19
[develop:frontend]
[develop:frontend]   - query-watcher.ts:223 updateStateAndRunQueries
[develop:frontend]     [frontend]/[gatsby]/src/query/query-watcher.ts:223:40
[develop:frontend]
[develop:frontend]   - extract-queries.ts:18 extractQueries
[develop:frontend]     [frontend]/[gatsby]/src/services/extract-queries.ts:18:3
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR #85923  GRAPHQL
[develop:frontend]
[develop:frontend] There was an error in your GraphQL query:
[develop:frontend]
[develop:frontend] Cannot query field "strapiArticle" on type "Query".
[develop:frontend]
[develop:frontend] If you don't expect "strapiArticle" to exist on the type "Query" it is most
[develop:frontend] likely a typo. However, if you expect "strapiArticle" to exist there are a
[develop:frontend] couple of solutions to common problems:
[develop:frontend]
[develop:frontend] - If you added a new data source and/or changed something inside
[develop:frontend] gatsby-node/gatsby-config, please try a restart of your development server.
[develop:frontend] - You want to optionally use your field "strapiArticle" and right now it is not
[develop:frontend] used anywhere.
[develop:frontend]
[develop:frontend] It is recommended to explicitly type your GraphQL schema if you want to use
[develop:frontend] optional fields.
[develop:frontend]
[develop:frontend] File: src/templates/article-post.js:38:5
[develop:frontend]
[develop:frontend] See our docs page for more info on this error:
[develop:frontend] https://gatsby.dev/creating-type-definitions
[develop:frontend]
failed extract queries from components - 1.321s
success write out requires - 0.004s
success run page queries - 0.008s - 1/1 122.44/s

[develop:frontend]  ERROR
[develop:frontend]
[develop:frontend] Module not found: Error: Can't resolve
[develop:frontend] '../../public/page-data/sq/d/4175596634.json' in
[develop:frontend] '/home/marionbx/github/hubs/poc/gatsby-blog/frontend/src/components'
[develop:frontend]

[develop:frontend]
[develop:frontend]   ModuleNotFoundError: Module not found: Error: Can't resolve '../../public/page
[develop:frontend]   -data/sq/d/4175596634.json' in '/home/marionbx/github/hubs/poc/gatsby-blog/fro
[develop:frontend]   ntend/src/components'
[develop:frontend]
[develop:frontend]   - Compilation.js:2016
[develop:frontend]     [frontend]/[webpack]/lib/Compilation.js:2016:28
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:798
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:798:13
[develop:frontend]
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:270
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:270:22
[develop:frontend]
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:434
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:434:22
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:116
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:116:11
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:670
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:670:25
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:855
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:855:8
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:975
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:975:5
[develop:frontend]
[develop:frontend]   - async.js:6883
[develop:frontend]     [frontend]/[neo-async]/async.js:6883:13
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:950 Array.<anonymous>
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:950:14
[develop:frontend]
[develop:frontend]   - async.js:2517 arrayEachFunc
[develop:frontend]     [frontend]/[neo-async]/async.js:2517:19
[develop:frontend]
[develop:frontend]   - async.js:6858 Object.parallel
[develop:frontend]     [frontend]/[neo-async]/async.js:6858:9
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:873 NormalModuleFactory._resolveResourceErrorHints
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:873:12
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:834
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:834:18
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR
[develop:frontend]
[develop:frontend] Module not found: Error: Can't resolve
[develop:frontend] '../../public/page-data/sq/d/3105690032.json' in
[develop:frontend] '/home/marionbx/github/hubs/poc/gatsby-blog/frontend/src/pages'
[develop:frontend]

[develop:frontend]
[develop:frontend]   ModuleNotFoundError: Module not found: Error: Can't resolve '../../public/page
[develop:frontend]   -data/sq/d/3105690032.json' in '/home/marionbx/github/hubs/poc/gatsby-blog/fro
[develop:frontend]   ntend/src/pages'
[develop:frontend]
[develop:frontend]   - Compilation.js:2016
[develop:frontend]     [frontend]/[webpack]/lib/Compilation.js:2016:28
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:798
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:798:13
[develop:frontend]
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:270
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:270:22
[develop:frontend]
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:434
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:434:22
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:116
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:116:11
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:670
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:670:25
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:855
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:855:8
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:975
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:975:5
[develop:frontend]
[develop:frontend]   - async.js:6883
[develop:frontend]     [frontend]/[neo-async]/async.js:6883:13
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:950 Array.<anonymous>
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:950:14
[develop:frontend]
[develop:frontend]   - async.js:2517 arrayEachFunc
[develop:frontend]     [frontend]/[neo-async]/async.js:2517:19
[develop:frontend]
[develop:frontend]   - async.js:6858 Object.parallel
[develop:frontend]     [frontend]/[neo-async]/async.js:6858:9
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:873 NormalModuleFactory._resolveResourceErrorHints
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:873:12
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:834
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:834:18
[develop:frontend]
[develop:frontend]

[develop:frontend]  ERROR
[develop:frontend]
[develop:frontend] Module not found: Error: Can't resolve
[develop:frontend] '../../public/page-data/sq/d/960431041.json' in
[develop:frontend] '/home/marionbx/github/hubs/poc/gatsby-blog/frontend/src/pages'
[develop:frontend]

[develop:frontend]
[develop:frontend]   ModuleNotFoundError: Module not found: Error: Can't resolve '../../public/page
[develop:frontend]   -data/sq/d/960431041.json' in '/home/marionbx/github/hubs/poc/gatsby-blog/fron
[develop:frontend]   tend/src/pages'
[develop:frontend]
[develop:frontend]   - Compilation.js:2016
[develop:frontend]     [frontend]/[webpack]/lib/Compilation.js:2016:28
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:798
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:798:13
[develop:frontend]
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:270
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:270:22
[develop:frontend]
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:434
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:434:22
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:116
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:116:11
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:670
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:670:25
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:855
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:855:8
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:975
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:975:5
[develop:frontend]
[develop:frontend]   - async.js:6883
[develop:frontend]     [frontend]/[neo-async]/async.js:6883:13
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:950 Array.<anonymous>
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:950:14
[develop:frontend]
[develop:frontend]   - async.js:2517 arrayEachFunc
[develop:frontend]     [frontend]/[neo-async]/async.js:2517:19
[develop:frontend]
[develop:frontend]   - async.js:6858 Object.parallel
[develop:frontend]     [frontend]/[neo-async]/async.js:6858:9
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:873 NormalModuleFactory._resolveResourceErrorHints
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:873:12
[develop:frontend]
[develop:frontend]   - NormalModuleFactory.js:834
[develop:frontend]     [frontend]/[webpack]/lib/NormalModuleFactory.js:834:18
[develop:frontend]
[develop:frontend]
not finished Building development bundle - 1.526s
[develop:frontend]
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
ERROR: "develop:frontend" exited with 1.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
➜  gatsby-blog git:(master) ✗

Steps to reproduce

  1. Install Strapi/Gatsby Starter using yarn create strapi-starter my-project gatsby-blog
  2. Wait until it install and execute automatically
  3. If it not execute automatically when installation is finished, just run yarn develop on my-project folder.

Version

Npm: 6.14.17 Node: 14.19.3 Yarn: 1.22.19 Frontend dependencies:

  "dependencies": {
    "gatsby": "^4.6.1",
    "gatsby-plugin-gatsby-cloud": "^4.7.0",
    "gatsby-plugin-image": "^2.6.0",
    "gatsby-plugin-postcss": "^5.6.0",
    "gatsby-plugin-sharp": "^4.6.0",
    "gatsby-source-strapi": "^2.0.0",
    "gatsby-transformer-remark": "^5.6.0",
    "gatsby-transformer-sharp": "^4.6.0",
    "postcss": "^8.4.6",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-helmet": "^6.1.0",
    "react-slick": "^0.28.1",
    "slick-carousel": "^1.8.1"
  },
  "devDependencies": {
    "@tailwindcss/line-clamp": "^0.3.1",
    "@tailwindcss/typography": "^0.5.1",
    "autoprefixer": "^10.4.2",
    "eslint": "^8.8.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-config-react-app": "^7.0.0",
    "eslint-plugin-prettier": "^4.0.0",
    "prettier": "^2.5.1",
    "prettier-plugin-tailwindcss": "^0.1.4",
    "tailwindcss": "^3.0.18"
  }
chuckdries commented 2 years ago

I encountered the same issue, but I see it's now closed. What is the solution?

Circle6 commented 2 years ago

@chuckdries looks like someone found the solution here. It's an issue with naming, but they never told us what the name should be

EDIT:

Found the real solution here - it's the permissions for your api's GET content-type endpoint. You can tweak it in the strapi admin page like this: https://stackoverflow.com/a/72777164/19563129.

red1 commented 1 year ago

@nbxNTC Why did you closed this thread I followed the exact same steps on https://strapi.io/blog/announcing-the-strapi-starter-cli and https://strapi.io/blog/build-a-static-blog-with-gatsby-and-strapi

"gatsby-source-strapi" threw an error while running the sourceNodes lifecycle:
Request failed with status code 403

I've added a .env.development

STRAPI_TOKEN=128b964c... a9109424
STRAPI_API_URL=http://localhost:1337

And I've checked the roles for the token I've added, they all are fine

image

and here is gatsby-config.js

require("dotenv").config({
  path: `.env.${process.env.NODE_ENV}`,
})

module.exports = {
  plugins: [
    "gatsby-plugin-gatsby-cloud",
    "gatsby-plugin-postcss",
    {
      resolve: "gatsby-source-strapi",
      options: {
        /* trying without env vars, directly with the values */
        apiURL: "http://localhost:1337",
        accessToken: "128b964c89b496...a336db4a9109424",
        collectionTypes: [
          {
            singularName: "article",
            queryParams: {
              publicationState:
                process.env.GATSBY_IS_PREVIEW === "true" ? "preview" : "live",
              populate: {
                cover: "*",
                blocks: {
                  populate: "*",
                },
              },
            },
          },
          {
            singularName: "author",
          },
          {
            singularName: "category",
          },
        ],
        singleTypes: [
          {
            singularName: "about",
            queryParams: {
              populate: {
                blocks: {
                  populate: "*",
                },
              },
            },
          },
          {
            singularName: "global",
            queryParams: {
              populate: {
                favicon: "*",
                defaultSeo: {
                  populate: "*",
                },
              },
            },
          },
        ],
      },
    },
    "gatsby-plugin-image",
    "gatsby-plugin-sharp",
    "gatsby-transformer-sharp",
    "gatsby-transformer-remark",
  ],
}

What is missing please ?

red1 commented 1 year ago

I've been able to unblock by generating a new token with full access and changing localhost to 127.0.0.1


STRAPI_TOKEN=223c... b234
STRAPI_API_URL=http://127.0.0.1:1337

Now i'm not anymore stuck on the 403 but I've got the following error


 ERROR #85923  GRAPHQL

There was an error in your GraphQL query:

Cannot query field "strapiGlobal" on type "Query".

If you don't expect "strapiGlobal" to exist on the type "Query" it is most likely a typo. However, if you expect "strapiGlobal" to exist there are
 a couple of solutions to common problems:

- If you added a new data source and/or changed something inside gatsby-node/gatsby-config, please try a restart of your development server.
- You want to optionally use your field "strapiGlobal" and right now it is not used anywhere.

It is recommended to explicitly type your GraphQL schema if you want to use optional fields.

File: src/components/seo.js:8:7

See our docs page for more info on this error: https://gatsby.dev/creating-type-definitions

for all templates of the starter kit : about.js, ... Is this starter code really supposed to work ?

red1 commented 1 year ago

I've fixed my issue : here is what I did : https://github.com/strapi/starters-and-templates/issues/38#issuecomment-1402039344