[gatsby-source-wordpress] error UNHANDLED REJECTION during gatsby build or gatsby develop #2328

daviddeejjames · 2017-10-04T11:50:20Z

Seems to occur intermittently when I run gatsby build or gatsby develop, this is occuring locally but also tried to deploy to Netlify and ran into this issue. Seems to work locally if I re-run the command again. Would love to look into it but the error is a bit vague so not sure what step its occurring on.

gatsby @1.9.52
gatsby-source-wordpress @1.7.10

10:41:01 PM: success open and validate gatsby-config.js — 0.767 s
10:41:01 PM: success copy gatsby files — 0.058 s
10:41:01 PM: success onPreBootstrap — 0.019 s
10:41:03 PM:  -> wordpress__POST fetched : 1
10:41:04 PM:  -> wordpress__PAGE fetched : 2
10:41:05 PM:  -> wordpress__wp_media fetched : 7
10:41:06 PM:  -> wordpress__wp_types fetched : 1
10:41:06 PM:  -> wordpress__wp_statuses fetched : 1
10:41:07 PM:  -> wordpress__wp_taxonomies fetched : 1
10:41:08 PM:  -> wordpress__CATEGORY fetched : 1
10:41:08 PM:  -> wordpress__TAG fetched : 0
10:41:09 PM:  -> wordpress__wp_users fetched : 1
10:41:10 PM:  -> wordpress__wp_comments fetched : 0
10:41:12 PM:  -> wordpress__acf_options fetched : 1
10:41:12 PM: success source and transform nodes — 10.199 s
10:41:13 PM: error UNHANDLED REJECTION
10:41:13 PM: 

  Error: Names must match /^[_a-zA-Z][_a-zA-Z0-9]*$/ but "6" does not.
  
  - Array.forEach
  
  - Array.forEach
  
  - Array.forEach
  
  - Array.forEach

The text was updated successfully, but these errors were encountered:

sebastienfi · 2017-10-04T11:56:07Z

@daviddeejjames Any reason for not migrating to the latest version of gatsby-source-wordpress ? I don't think v1.x is kept maintained. Please migrate to v2.x as I believe this is solved :)

npm i --save gatsby-source-wordpress@latest

The error message you get says that IDs cannot be integers, we are supposed to prefix them and convert to string so GraphQL naming convention pass. If you can't migrate to v2.x, could you post the content of your gatsby-config.js removing passwords - if there is, but keeping the URL ?

@KyleAMathews Is it possible to keep up-to-date v1.x npm package concurrently to v2.x ? If not, should we dismiss bugs related to v1.x and announce it as discontinued ?

daviddeejjames · 2017-10-04T12:20:21Z

@sebastienfi oh my bad, I thought my npm update would've fixed this, should have double checked that first... seems that updating to the latest version (2.0.10) has not solved the issue and introduced a new error berfore the current one, with the current one still appearing.

⠄ source and transform nodesThe server response was "401 Unauthorized"
Inner exception message : "You are not currently logged in."
⡀ source and transform nodes -> wordpress__wp_comments fetched : 0
⠄ source and transform nodesThe server response was "403 Forbidden"
Inner exception message : "Sorry, you are not allowed to do that."
⠄ source and transform nodes -> wordpress__acf_options fetched : 1
error Plugin gatsby-source-wordpress returned an error


  TypeError: Cannot read property 'length' of undefined

  - normalize.js:232
    [dfjames-gatsby]/[gatsby-source-wordpress]/normalize.js:232:17

  - Array.map

  - normalize.js:229 Object.exports.mapPostsToTagsCategories
    [dfjames-gatsby]/[gatsby-source-wordpress]/normalize.js:229:19

  - gatsby-node.js:101 _callee$
    [dfjames-gatsby]/[gatsby-source-wordpress]/gatsby-node.js:101:34


  - next_tick.js:188 process._tickCallback
    internal/process/next_tick.js:188:7


success source and transform nodes — 6.804 s
error Names must match /^[_a-zA-Z][_a-zA-Z0-9]*$/ but "6" does not.


  Error: Names must match /^[_a-zA-Z][_a-zA-Z0-9]*$/ but "6" does not.

  - Array.forEach

  - Array.forEach

  - Array.forEach

  - Array.forEach

As for the gatsby-config.js, here is what I am currently using:

module.exports = {
  siteMetadata: {
    title: `David James`,
    subtitle: `Front End Developer`
  },
  plugins: [
    {
      // Pull wordpress content from API
      resolve: 'gatsby-source-wordpress',
      options: {
        baseUrl: 'wordpress.dfjames.com',
        protocol: 'http',
        hostingWPCOM: false,
        useACF: true,
        // Set verboseOutput to true to display a verbose output on `npm run develop` or `npm run build`
        // It can help you debug specific API Endpoints problems
        verboseOutput: false,
      },
    },
    `gatsby-plugin-react-helmet`,
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: "David James - Front End Developer",
        short_name: "David James",
        start_url: "/",
        background_color: "#111111",
        theme_color: "#111111",
        display: "minimal-ui",
        icons: [
          {
            src: `/favicons/android-icon-192x192.png`,
            sizes: `192x192`,
            type: `image/png`,
          },
          {
            src: `/favicons/android-icon-512x512.png`,
            sizes: `512x512`,
            type: `image/png`,
          },
        ],
      },
    },
    `gatsby-plugin-offline`,
    {
      resolve: `gatsby-plugin-typography`,
      options: {
        pathToConfigModule: `src/utils/typography.js`,
      }
    },
    {
      resolve: `gatsby-plugin-google-analytics`,
      options: {
        trackingId: 'UA-91072742-1',
      },
    },
    {
      // Does both SASS and Autoprefixing
      resolve: `gatsby-plugin-postcss-sass`,
      options: {
        postCssPlugins: [
          require('autoprefixer')
        ],
        precision: 8 // SASS default: 5
      }
    },
  ]
}

daviddeejjames · 2017-10-05T01:02:13Z

On closer inspection the error seems to be occurring on the first instance of building the GraphQL schema, but seems to work without issue if I rerun gatsby build immediately after it failed. However it always fails on Netlify.

EDIT: Fixed the length issue by adding a tag to the post :), array "6" issue remains

KyleAMathews · 2017-10-05T17:46:31Z

@sebastienfi yeah, let's not fix bugs on 1.x, just encourage people to upgrade.

daviddeejjames · 2017-10-07T11:15:11Z

@sebastienfi @KyleAMathews any updates on this? I have also found since updating to 2.0.10 that the GraphQL to ACF implementation has changed. I now can directly reference the particular fields attached to a page using the acf{...} rather than childWordpressAcfField query but now one of the repeater fields I am querying assumes that an Image field within this repeater no longer exists.

GraphQL Error Unknown field `image` on type `[folioItems_2]`

  file: /Applications/MAMP/htdocs/dfjames-gatsby/src/pages/projects.js

   2 | query projectsPageQuery {
   3 |   wordpressPage(slug: {eq: "projects"}) {
   4 |
   5 |     id
   6 |     title
   7 |     content
   8 |     acf{
   9 |       folio_items{
  10 |         title
  11 |         url
> 12 |         image
     |         ^
  13 |       }
  14 |     }
  15 |   }
  16 | }

sebastienfi · 2017-10-11T12:35:56Z

@daviddeejjames look at #2392

daviddeejjames · 2017-10-13T03:22:42Z

@sebastienfi thats fine, however all my ACF images are set, so this #2392 seems unrelated. In addition I am currently using a single image field on the homepage which is working as expected, its just that the repeater field image is non-existent (even when using the GraphIQL auto-complete). This was not an issue in the original JSON implementation.

It seems the image is there in the .cache/redux-state.json, so this issue is probably more related to #2417

sebastienfi · 2017-10-13T21:43:20Z

@daviddeejjames Could you please setup a sample site to reproduce this on GitHub and maybe ping me on the Discord when you have a couple hours to debug this together ?

https://discord.gg/MpagVNW
Channel Gatsby
PM me at sebfit#5365
btw I'm in France (GMT+2).

daviddeejjames · 2017-10-19T11:12:32Z

@sebastienfi @KyleAMathews fixed the ACF images issue, recreating the field group seemed to fix it. Thanks for the help before!

As for the original issue I posted in this thread

error Names must match /^[_a-zA-Z][_a-zA-Z0-9]*$/ but "6" does not.
  Error: Names must match /^[_a-zA-Z][_a-zA-Z0-9]*$/ but "6" does not.

Still exists even with the latest gatsby & gatsby-source-wordpress.

Its not a massive issue for development as it seems that once the .cache is created the error disappears... however it is preventing me from deploying to Netlify at all.

Would love to move my site over soon and start creating some more WordPress examples using both 😃 Let me know if there are any more details I can provide or point me in the right direction to debug the issue. Cheers!

KyleAMathews · 2017-10-19T19:08:38Z

@daviddeejjames could you make a go at debugging this?

It's pretty straightforward to setup a Gatsby development environment. Do that, and then add some console.logs to

gatsby/packages/gatsby-source-wordpress/src/normalize.js

Line 29 in 1ad48be

function getValidKey({ key, verbose = false }) {

to see why some of the keys aren't being prefixed.

If that doesn't turn up anything, try looking through .cache/redux-state.json to try to find your "6" and see why that isn't being prefixed along with the rest of the data.

daviddeejjames · 2017-10-20T02:40:14Z

Cheers @KyleAMathews shall give it a go and get back to you

@pieh

* Most of the credits goes to @pieh for a better solution that solved the same problems and widely improved code simplicity. #2646 * Made the Media lookup begin at JSON tree root instead of keeping this for ACF Field only. Changed constants names accordingly. * Making thise more generic allorws Custom Post Types to benefit from this improvements and yet unseen objects shapes. * Incorporated fix on bug mentionned here #2646 (comment) * May solve this #2587, this #2492, this #2328

@pieh

#2648) * Refactored featured_media map for deep nodes * Featured medias coul be nested at any level * The most certain way to have photos works with this version on the plugin is to either name the fiel featured_media or include the image as Post Object. * Fixed bug where in some case the old featured_media field was not deleted. * Update normalize.js.snap * Integrated pieh 's changes * Most of the credits goes to @pieh for a better solution that solved the same problems and widely improved code simplicity. #2646 * Made the Media lookup begin at JSON tree root instead of keeping this for ACF Field only. Changed constants names accordingly. * Making thise more generic allorws Custom Post Types to benefit from this improvements and yet unseen objects shapes. * Incorporated fix on bug mentionned here #2646 (comment) * May solve this #2587, this #2492, this #2328 * Update normalize.js.snap

daviddeejjames · 2017-11-07T10:07:30Z

Hey @sebastienfi and @KyleAMathews, had a decent go at trying to debug this, could not find my mysterious "6" anywhere, all I know is that it breaks first build, but upon retrying the build/develop command (with a .cache existing) I get no errors whatsoever. The closest value I could find was an ID with "96" which happened to be the ID given to my Wordpress User, but this was not causing the error.

Even tried creating a fresh completely different Wordpress install without ACF and still ran into this issue. The only thing I can think of is there any issue with pulling from a subdomain? aka wordpress.dfjames.com I've updated all dependencies in my package.json pretty much every week hoping it would magically rectify the issue...

If you'd like to have a look at the error, you can just follow the standard Gatsby install on this repo: https://github.com/daviddeejjames/dfjames-gatsby

juz501 · 2017-11-12T03:57:24Z

Try removing gatsby-plugin-postcss-sass from gatsby-config.js and see if that removes the error.

daviddeejjames · 2017-11-12T04:30:02Z

@juz501 thanks heaps, ughhh dependency conflicts... workaround for now is to use gatsby-plugin-sass instead of the postcss one.

Doing this I was able to achieve a successful Netlify build (finally) 💖

RobertBolender · 2018-02-14T16:46:26Z

Try removing gatsby-plugin-postcss-sass from gatsby-config.js and see if that removes the error.

For anyone else who reads this, be advised that your CSS will no longer benefit from autoprefixer.
See the related issue #1347 and suggested workaround #318 (comment)

tuyakhov · 2018-03-11T13:03:20Z

You can fix this issue by immediately invoking the module function like this require('autoprefixer')().
I recommend checking https://github.com/gatsbyjs/gatsby-starter-blog/issues/30#issuecomment-372113311

KyleAMathews · 2018-09-08T04:29:32Z

Due to the high volume of issues, we're closing out older ones without recent activity. Please open a new issue if you need help!

sebastienfi added API/Plugins type: bug An issue or pull request relating to a bug in Gatsby labels Oct 4, 2017

sebastienfi mentioned this issue Oct 27, 2017

[gatsby-source-wordpress] Refactored featured_media map for deep nodes #2648

Merged

01ivr3 mentioned this issue Dec 20, 2017

Feature Request: make Postcss plugins configurable, update dependancies and add to documentation #3284

Closed

RobertBolender mentioned this issue Mar 9, 2018

Styles missing from build when using gatsby-plugin-sass with CSS modules #4457

Closed

m-allanson removed the API/Plugins label Apr 13, 2018

KyleAMathews closed this as completed Sep 8, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[gatsby-source-wordpress] error UNHANDLED REJECTION during gatsby build or gatsby develop #2328

[gatsby-source-wordpress] error UNHANDLED REJECTION during gatsby build or gatsby develop #2328

daviddeejjames commented Oct 4, 2017 •

edited by sebastienfi

Loading

sebastienfi commented Oct 4, 2017 •

edited

Loading

daviddeejjames commented Oct 4, 2017

daviddeejjames commented Oct 5, 2017 •

edited

Loading

KyleAMathews commented Oct 5, 2017

daviddeejjames commented Oct 7, 2017

sebastienfi commented Oct 11, 2017

daviddeejjames commented Oct 13, 2017 •

edited

Loading

sebastienfi commented Oct 13, 2017 •

edited

Loading

daviddeejjames commented Oct 19, 2017 •

edited

Loading

KyleAMathews commented Oct 19, 2017

daviddeejjames commented Oct 20, 2017

daviddeejjames commented Nov 7, 2017

juz501 commented Nov 12, 2017

daviddeejjames commented Nov 12, 2017

RobertBolender commented Feb 14, 2018 •

edited

Loading

tuyakhov commented Mar 11, 2018

KyleAMathews commented Sep 8, 2018

[gatsby-source-wordpress] error UNHANDLED REJECTION during gatsby build or gatsby develop #2328

[gatsby-source-wordpress] error UNHANDLED REJECTION during gatsby build or gatsby develop #2328

Comments

daviddeejjames commented Oct 4, 2017 • edited by sebastienfi Loading

sebastienfi commented Oct 4, 2017 • edited Loading

daviddeejjames commented Oct 4, 2017

daviddeejjames commented Oct 5, 2017 • edited Loading

KyleAMathews commented Oct 5, 2017

daviddeejjames commented Oct 7, 2017

sebastienfi commented Oct 11, 2017

daviddeejjames commented Oct 13, 2017 • edited Loading

sebastienfi commented Oct 13, 2017 • edited Loading

daviddeejjames commented Oct 19, 2017 • edited Loading

KyleAMathews commented Oct 19, 2017

daviddeejjames commented Oct 20, 2017

daviddeejjames commented Nov 7, 2017

juz501 commented Nov 12, 2017

daviddeejjames commented Nov 12, 2017

RobertBolender commented Feb 14, 2018 • edited Loading

tuyakhov commented Mar 11, 2018

KyleAMathews commented Sep 8, 2018

daviddeejjames commented Oct 4, 2017 •

edited by sebastienfi

Loading

sebastienfi commented Oct 4, 2017 •

edited

Loading

daviddeejjames commented Oct 5, 2017 •

edited

Loading

daviddeejjames commented Oct 13, 2017 •

edited

Loading

sebastienfi commented Oct 13, 2017 •

edited

Loading

daviddeejjames commented Oct 19, 2017 •

edited

Loading

RobertBolender commented Feb 14, 2018 •

edited

Loading