Netlify Deploy Build Error - page-data.json failed paged "/"

Support
, ,
1

Hello,

I am attempting to deploy my first gatsby site and I’m hitting a new error (see previous thread):

Here is the log:

6:38:36 PM: Build ready to start
6:38:38 PM: build-image version: 3bcb38c35508b42e9121d4badfe6d8c66fd7a3f0
6:38:38 PM: build-image tag: v4.3.2
6:38:38 PM: buildbot version: 0966611527937161c7edcafc1347bc5a61d77108
6:38:38 PM: Building without cache
6:38:38 PM: Starting to prepare the repo for build
6:38:39 PM: No cached dependencies found. Cloning fresh repo
6:38:39 PM: git clone https://github.com/zanewolf/OAG
6:38:46 PM: Preparing Git Reference refs/heads/main
6:38:46 PM: Parsing package.json dependencies
6:38:47 PM: Starting build script
6:38:47 PM: Installing dependencies
6:38:47 PM: Python version set to 2.7
6:38:48 PM: v16.10.0 is already installed.
6:38:48 PM: Now using node v16.10.0 (npm v7.24.0)
6:38:48 PM: Started restoring cached build plugins
6:38:48 PM: Finished restoring cached build plugins
6:38:49 PM: Attempting ruby version 2.7.2, read from environment
6:38:50 PM: Using ruby version 2.7.2
6:38:50 PM: Using PHP version 8.0
6:38:50 PM: Started restoring cached yarn cache
6:38:50 PM: Finished restoring cached yarn cache
6:38:50 PM: Installing yarn at version 1.22.10
6:38:50 PM: Installing Yarn!
6:38:50 PM: > Downloading tarball...
6:38:50 PM: [1/2]: https://yarnpkg.com/downloads/1.22.10/yarn-v1.22.10.tar.gz --> /tmp/yarn.tar.gz.xDsQZvWxxw
6:38:50 PM:   % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
6:38:50 PM:                                  Dload  Upload   Total   Spent    Left  Speed
6:38:50 PM:   0     0    0     0    0     0      0      0 --:--:-- --:--:-- --:--:--     0
6:38:50 PM: 100    81  100    81    0     0    648      0 --:--:-- --:--:-- --:--:--   648
6:38:51 PM: 100    95  100    95    0     0    267      0 --:--:-- --:--:-- --:--:--   267
6:38:51 PM: 100   626  100   626    0     0   1349      0 --:--:-- --:--:-- --:--:--  1349
6:38:51 PM: 100 1215k  100 1215k    0     0  2043k      0 --:--:-- --:--:-- --:--:-- 2043k
6:38:51 PM: [2/2]: https://yarnpkg.com/downloads/1.22.10/yarn-v1.22.10.tar.gz.asc --> /tmp/yarn.tar.gz.xDsQZvWxxw.asc
6:38:51 PM:   % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
6:38:51 PM:                                  Dload  Upload   Total   Spent    Left  Speed
6:38:51 PM:   0     0    0     0    0     0      0      0 --:--:-- --:--:-- --:--:--     0
6:38:51 PM: 100    85  100    85    0     0   1416      0 --:--:-- --:--:-- --:--:--  1416
6:38:51 PM: 100    99  100    99    0     0   1087      0 --:--:-- --:--:-- --:--:--  1087
6:38:51 PM: 100   630  100   630    0     0   3387      0 --:--:-- --:--:-- --:--:--  3387
6:38:51 PM: 100   832  100   832    0     0   3586      0 --:--:-- --:--:-- --:--:--  3586
6:38:51 PM: > Verifying integrity...
6:38:51 PM: gpg: Signature made Fri 02 Oct 2020 11:17:27 AM UTC
6:38:51 PM: gpg:                using RSA key 6D98490C6F1ACDDD448E45954F77679369475BAA
6:38:51 PM: gpg: Good signature from "Yarn Packaging <yarn@dan.cx>" [unknown]
6:38:51 PM: gpg: WARNING: This key is not certified with a trusted signature!
6:38:51 PM: gpg:          There is no indication that the signature belongs to the owner.
6:38:51 PM: Primary key fingerprint: 72EC F46A 56B4 AD39 C907  BBB7 1646 B01B 86E5 0310
6:38:51 PM:      Subkey fingerprint: 6D98 490C 6F1A CDDD 448E  4595 4F77 6793 6947 5BAA
6:38:51 PM: > GPG signature looks good
6:38:51 PM: > Extracting to ~/.yarn...
6:38:51 PM: > Adding to $PATH...
6:38:52 PM: > Successfully installed Yarn 1.22.10! Please open another terminal where the `yarn` command will now be available.
6:38:52 PM: No yarn workspaces detected
6:38:52 PM: Started restoring cached node modules
6:38:52 PM: Finished restoring cached node modules
6:38:52 PM: Installing NPM modules using Yarn version 1.22.10
6:38:53 PM: yarn install v1.22.10
6:38:53 PM: [1/4] Resolving packages...
6:38:54 PM: warning gatsby > webpack-dev-server > chokidar > fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
6:38:54 PM: [2/4] Fetching packages...
6:39:32 PM: info fsevents@2.3.2: The platform "linux" is incompatible with this module.
6:39:32 PM: info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
6:39:32 PM: info fsevents@1.2.13: The platform "linux" is incompatible with this module.
6:39:32 PM: info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
6:39:32 PM: [3/4] Linking dependencies...
6:39:32 PM: warning " > flexbox-react@4.4.0" has unmet peer dependency "prop-types@*".
6:39:32 PM: warning "flexbox-react > styled-components@2.4.1" has incorrect peer dependency "react@>= 0.14.0 < 17.0.0-0".
6:39:32 PM: warning "gatsby > eslint-config-react-app@6.0.0" has unmet peer dependency "babel-eslint@^10.0.0".
6:39:32 PM: warning "gatsby > @typescript-eslint/eslint-plugin > tsutils@3.21.0" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
6:39:32 PM: warning "react-snap-scroll > @babel/plugin-proposal-class-properties@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
6:39:32 PM: warning "gatsby > eslint-plugin-graphql > graphql-config > @endemolshinegroup/cosmiconfig-typescript-loader > ts-node@9.1.1" has unmet peer dependency "typescript@>=2.7".
6:39:32 PM: warning "gatsby-plugin-gatsby-cloud > webpack-assets-manifest@5.0.6" has unmet peer dependency "webpack@^5.2.0".
6:39:32 PM: warning " > gatsby-plugin-image@1.12.0" has unmet peer dependency "@babel/core@^7.12.3".
6:39:32 PM: warning " > gatsby-remark-prismjs@5.7.0" has unmet peer dependency "prismjs@^1.15.0".
6:39:32 PM: warning " > react-snap-scroll@0.0.5" has incorrect peer dependency "react@^16.7.0".
6:39:32 PM: warning " > styled-components@5.3.0" has unmet peer dependency "react-is@>= 16.8.0".
6:39:55 PM: [4/4] Building fresh packages...
6:40:01 PM: success Saved lockfile.
6:40:01 PM: Done in 68.53s.
6:40:01 PM: NPM modules installed using Yarn
6:40:02 PM: Started restoring cached go cache
6:40:02 PM: Finished restoring cached go cache
6:40:02 PM: go version go1.16.5 linux/amd64
6:40:02 PM: go version go1.16.5 linux/amd64
6:40:02 PM: Installing missing commands
6:40:02 PM: Verify run directory
6:40:03 PM: ​
6:40:03 PM: ────────────────────────────────────────────────────────────────
6:40:03 PM:   Netlify Build                                                 
6:40:03 PM: ────────────────────────────────────────────────────────────────
6:40:03 PM: ​
6:40:03 PM: ❯ Version
6:40:03 PM:   @netlify/build 18.13.11
6:40:03 PM: ​
6:40:03 PM: ❯ Flags
6:40:03 PM:   baseRelDir: true
6:40:03 PM:   buildId: 615f76ec6ea5150d348ab09c
6:40:03 PM:   deployId: 615f76ec6ea5150d348ab09e
6:40:03 PM: ​
6:40:03 PM: ❯ Current directory
6:40:03 PM:   /opt/build/repo
6:40:03 PM: ​
6:40:03 PM: ❯ Config file
6:40:03 PM:   No config file was defined: using default values.
6:40:03 PM: ​
6:40:03 PM: ❯ Context
6:40:03 PM:   production
6:40:03 PM: ​
6:40:03 PM: ❯ Installing plugins
6:40:03 PM:    - @netlify/plugin-gatsby@1.0.3
6:40:11 PM: ​
6:40:11 PM: ❯ Loading plugins
6:40:11 PM:    - @netlify/plugin-gatsby@1.0.3 from Netlify app
6:40:11 PM: ​
6:40:11 PM: ────────────────────────────────────────────────────────────────
6:40:11 PM:   1. onPreBuild command from @netlify/plugin-gatsby             
6:40:11 PM: ────────────────────────────────────────────────────────────────
6:40:11 PM: ​
6:40:11 PM: No Gatsby cache found. Building fresh.
6:40:11 PM: ​
6:40:11 PM: (@netlify/plugin-gatsby onPreBuild completed in 218ms)
6:40:11 PM: ​
6:40:11 PM: ────────────────────────────────────────────────────────────────
6:40:11 PM:   2. Build command from Netlify app                             
6:40:11 PM: ────────────────────────────────────────────────────────────────
6:40:11 PM: ​
6:40:11 PM: $ npm run build
6:40:11 PM: > ocean_affinity_group@1.0.0 build
6:40:11 PM: > gatsby build
6:40:15 PM: success open and validate gatsby-configs, load plugins - 1.321s
6:40:15 PM: success onPreInit - 0.044s
6:40:15 PM: info One or more of your plugins have changed since the last time you ran Gatsby. As
6:40:15 PM: a precaution, we're deleting your site's cache to ensure there's no stale data.success initialize cache - 0.048s
6:40:15 PM: success copy gatsby files - 0.075s
6:40:16 PM: success Compiling Gatsby Functions - 0.259s
6:40:16 PM: success onPreBootstrap - 0.274s
6:40:16 PM: success createSchemaCustomization - 0.010s
6:40:18 PM: 
6:40:18 PM: fetch all Airtable rows from 3 tables: 1.191s
6:40:18 PM: success Checking for changed pages - 0.000s
6:40:18 PM: success source and transform nodes - 2.669s
6:40:21 PM: success building schema - 2.890s
6:40:22 PM: success createPages - 0.213s
6:40:22 PM: success createPagesStatefully - 0.366s
6:40:22 PM: info Total nodes: 157, SitePage nodes: 30 (use --verbose for breakdown)
6:40:22 PM: success Checking for changed pages - 0.000s
6:40:22 PM: success Cleaning up stale page-data - 0.004s
6:40:22 PM: success update schema - 0.321s
6:40:22 PM: success onPreExtractQueries - 0.000s
6:40:25 PM: success extract queries from components - 2.466s
6:40:25 PM: success write out redirect data - 0.001s
6:40:25 PM: success onPostBootstrap - 0.001s
6:40:25 PM: info bootstrap finished - 13.322s
6:40:25 PM: success run static queries - 0.321s - 2/2 6.23/s
6:40:40 PM: success run page queries - 15.180s - 30/30 1.98/s
6:40:40 PM: success write out requires - 0.016s
6:41:46 PM: warning ./src/components/TeamCard.js
6:41:46 PM: Attempted import error: 'card' is not exported from '../styles/teammember.module.css' (imported as 'style').
6:41:46 PM: warning undefined
6:41:46 PM: chunk styles [mini-css-extract-plugin]
6:41:46 PM: Conflicting order. Following module has been added:
6:41:46 PM:  * css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[1].use[2]!./src/styles/global.css
6:41:46 PM: despite it was not able to fulfill desired ordering with these modules:
6:41:46 PM:  * css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[0].use[2]!./src/styles/hero.module.css
6:41:46 PM:    - couldn't fulfill desired order of chunk group(s) component---src-pages-events-js   - while fulfilling desired order of chunk group(s) component---src-pages-blog-index-js, component---src-pages-directory-js, component---src-pages-index-js, component---src-pages-team-js
6:41:46 PM: warning undefined
6:41:46 PM: chunk styles [mini-css-extract-plugin]
6:41:46 PM: Conflicting order. Following module has been added:
6:41:46 PM:  * css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[1].use[2]!./src/styles/global.css (1)
6:41:46 PM: despite it was not able to fulfill desired ordering with these modules:
6:41:46 PM:  * css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[0].use[2]!./src/styles/hero.module.css
6:41:46 PM:    - couldn't fulfill desired order of chunk group(s) component---src-pages-events-js   - while fulfilling desired order of chunk group(s) component---src-pages-blog-index-js, component---src-pages-directory-js, component---src-pages-index-js, component---src-pages-team-js
6:41:46 PM: success Building production JavaScript and CSS bundles - 65.963s
6:41:46 PM: success Rewriting compilation hashes - 0.010s
6:41:46 PM: success Writing page-data.json files to public directory - 0.025s - 30/30 1194.45/s
6:41:50 PM: success Building HTML renderer - 3.908s
6:41:50 PM: false
6:41:51 PM: false
6:41:51 PM: false
6:41:51 PM: false
6:41:51 PM: false
6:41:51 PM: {
6:41:51 PM:   projects: {
6:41:51 PM:     nodes: [
6:41:51 PM:       [Object], [Object],
6:41:51 PM:       [Object], [Object],
6:41:51 PM:       [Object], [Object],
6:41:51 PM:       [Object], [Object],
6:41:51 PM:       [Object]
6:41:51 PM:     ]
6:41:51 PM:   },
6:41:51 PM:   contact: { siteMetadata: { contact: 'rzanewolf@gmail.com' } }
6:41:51 PM: }
6:41:51 PM: false
6:41:51 PM: { allMdx: { nodes: [ [Object], [Object], [Object] ] } }
6:41:51 PM: false
6:41:51 PM: false
6:41:51 PM: [
6:41:51 PM:   {
6:41:51 PM:     name: 'Pete Girguis',
6:41:51 PM:     title: 'Founder & Director',
6:41:51 PM:     about: 'Peter is a professor at Harvard University, and a bunch of other things. For OAG, he organizes and coordinates cross-field and inter-university/institute seminars, as well as spreading the good word.',
6:41:51 PM:     image: 'https://asm.org/ASM/media/Biographies/COMs/2020-2021/Peter-Girguis.jpg?ext=.jpg'
6:41:51 PM:   },
6:41:51 PM:   {
6:41:51 PM:     name: 'Aaron Something',
6:41:51 PM:     title: 'Event Coordinator',
6:41:51 PM:     about: 'Aaron also does something.',
6:41:51 PM:     image: 'https://m.media-amazon.com/images/M/MV5BMTY1OTY5NjI5NV5BMl5BanBnXkFtZTcwODA4MjM0OA@@._V1_UY1200_CR84,0,630,1200_AL_.jpg'
6:41:51 PM:   },
6:41:51 PM:   {
6:41:51 PM:     name: 'Zane Wolf',
6:41:51 PM:     title: 'Digital Content Coordinator',
6:41:51 PM:     about: "Zane is a graduate student in George Lauder's lab and is interested in the ocean, science communication, data visualization, and front-end development.",
6:41:51 PM:     image: 'https://pbs.twimg.com/profile_images/1272677958323449856/N5Y9S2g0_400x400.jpg'
6:41:51 PM:   }
6:41:51 PM: ]
6:41:51 PM: false
6:41:51 PM: false
6:41:51 PM: false
6:41:51 PM: ⠀
6:41:51 PM: error Page data from page-data.json for the failed page "/": {
6:41:51 PM:   "componentChunkName": "component---src-pages-index-js",
6:41:51 PM:   "path": "/",
6:41:51 PM:   "result": {
6:41:51 PM:     "pageContext": {}
6:41:51 PM:   },
6:41:51 PM:   "staticQueryHashes": [
6:41:51 PM:     "3233389034",
6:41:51 PM:     "4182380316"
6:41:51 PM:   ]
6:41:51 PM: }
6:41:51 PM: failed Building static HTML for pages - 1.100s
6:41:51 PM: error Building static HTML failed for path "/"
6:41:51 PM: 
6:41:51 PM:   4 |       value: value,
6:41:51 PM:   5 |       enumerable: true,
6:41:51 PM: > 6 |       configurable: true,
6:41:51 PM:     | ^
6:41:51 PM:   7 |       writable: true
6:41:51 PM:   8 |     });
6:41:51 PM:   9 |   } else {
6:41:51 PM: 
6:41:51 PM:   WebpackError: Minified React error #130; visit https://reactjs.org/docs/error-  decoder.html?invariant=130&args[]=object&args[]= for the full message or use t  he non-minified dev environment for full errors and additional helpful warning  s.
6:41:51 PM:   
6:41:51 PM:   - defineProperty.js:6 
6:41:51 PM:     [ocean_affinity_group]/[@babel]/runtime/helpers/defineProperty.js:6:1
6:41:51 PM:   
6:41:51 PM:   - defineProperty.js:2 
6:41:51 PM:     [ocean_affinity_group]/[@babel]/runtime/helpers/defineProperty.js:2:1
6:41:51 PM:   
6:41:51 PM:   - defineProperty.js:13 
6:41:51 PM:     [ocean_affinity_group]/[@babel]/runtime/helpers/defineProperty.js:13:1
6:41:51 PM:   
6:41:51 PM:   - static-entry.js:286 
6:41:51 PM:     ocean_affinity_group/.cache/static-entry.js:286:22
6:41:51 PM:   
6:41:51 PM:   - stylis.esm.js:34 
6:41:51 PM:     [ocean_affinity_group]/[@emotion]/stylis/dist/stylis.esm.js:34:1
6:41:51 PM:   
6:41:51 PM: 
6:41:51 PM: not finished Caching JavaScript and CSS webpack compilation - 5.432s
6:41:51 PM: not finished Caching HTML renderer compilation - 1.191s
6:41:52 PM: ​
6:41:52 PM: ────────────────────────────────────────────────────────────────
6:41:52 PM:   "build.command" failed                                        
6:41:52 PM: ────────────────────────────────────────────────────────────────
6:41:52 PM: ​
6:41:52 PM:   Error message
6:41:52 PM:   Command failed with exit code 1: npm run build
6:41:52 PM: ​
6:41:52 PM:   Error location
6:41:52 PM:   In Build command from Netlify app:
6:41:52 PM:   npm run build
6:41:52 PM: ​
6:41:52 PM:   Resolved config
6:41:52 PM:   build:
6:41:52 PM:     command: npm run build
6:41:52 PM:     commandOrigin: ui
6:41:52 PM:     environment:
6:41:52 PM:       - CI
6:41:52 PM:       - GATSBY_AIRTABLE_API_KEY
6:41:52 PM:       - GATSBY_AIRTABLE_TABLE_ID
6:41:52 PM:     publish: /opt/build/repo/public
6:41:52 PM:     publishOrigin: ui
6:41:52 PM:   plugins:
6:41:52 PM:     - inputs: {}
6:41:52 PM:       origin: ui
6:41:52 PM:       package: '@netlify/plugin-gatsby'
6:41:52 PM: Caching artifacts
6:41:52 PM: Started saving node modules
6:41:52 PM: Finished saving node modules
6:41:52 PM: Started saving build plugins
6:41:52 PM: Finished saving build plugins
6:41:52 PM: Started saving yarn cache
6:42:01 PM: Finished saving yarn cache
6:42:01 PM: Started saving pip cache
6:42:01 PM: Finished saving pip cache
6:42:01 PM: Started saving emacs cask dependencies
6:42:01 PM: Finished saving emacs cask dependencies
6:42:01 PM: Started saving maven dependencies
6:42:01 PM: Finished saving maven dependencies
6:42:01 PM: Started saving boot dependencies
6:42:01 PM: Finished saving boot dependencies
6:42:01 PM: Started saving rust rustup cache
6:42:01 PM: Finished saving rust rustup cache
6:42:01 PM: Started saving go dependencies
6:42:01 PM: Finished saving go dependencies
6:42:03 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
6:42:03 PM: Creating deploy upload records
6:42:03 PM: Failing build: Failed to build site
6:42:03 PM: Failed during stage 'building site': Build script returned non-zero exit code: 2
6:42:03 PM: Finished processing build request in 3m24.817281109s

I tried clearing the cache and redeploying (as suggested by @hrishikesh on this thread) to no avail. Any thoughts?

Thank you,
Z

2

Hi @zwolf,

That looks like some error with the code. According to this: https://reactjs.org/docs/error-decoder.html/?invariant=130&args[]=object&args[]=, you’re passing an object with the incorrect type.

I’d advise adding additional logging to see what you get.

3

Well, I’ve tracked the issue down to the Fullpage react component I’m using. But I think talking to the developers in the github issues for the specific repos I’m using is probably the best way to solve this issue. There is a branch that supposedly has the ‘fix’ to the Invariant Violation 130 for the gatsby example of the @fullpage/react-fullpage component, but it’s not working for me atm. Here is the issue thread.

So problem not solved, just relocated to a different venue?

4

I’m not sure if that’s the same error. The one you’ve posted here is different that the one you’ve posted there.

The FullPage library’s docs import FullPage like this: import ReactFullpage from '@fullpage/react-fullpage';, docs here: GitHub - alvarotrigo/react-fullpage: Official React.js wrapper for fullPage.js https://alvarotrigo.com/react-fullpage/

But, you’ve added the line like: import ReactFullpage from "@fullpage/react-fullpage/dist/react-fullpage-commonjs";

So I’m confused what you’re trying to do.

5

It’s not identical because I was a bit further down the error rabbit hole when I posted the issue there. Here’s the full story.

I couldn’t get the gatsby example on the react-fullpage repo to work (see my issue from back in the day), but I found a repo with an example that did work: this one. I saw the invariant violation 130 notice but when I tried it at the time, I didn’t have a problem and promptly forgot about it. (Ha.) And then yesterday I troubleshooted the error I was getting (invariant violation 130) to the fullpage component in my index.js script. Went back to the repo and imagine my surprise when I saw the commit status. Full circle.

But then I found the branch on that repo titled ‘gatsby-fix’ that was published 6 days after the invariant violation 130 commit. A solution exists! And apparently that solution was to just import common-js?? And revert from a function to a component (boo). Wonderful - except it didn’t work because importing @fullpage/react-fullpage/dist/react-fullpage-commonjs wasn’t working and I legitimately don’t know why (can’t find a file called react-fullpage-commonjs - where is this magical file???). And that’s when I posted my issue on that repo.

The good new is that, if I remove the fullpage component from my script, the website deploys. I’d like to keep the fullpage component because it’s pretty sweet, but at the end of the day I recognize it’s a flourish and not a necessity.

Coding is fun, right?

6

Wow, that was a rather bumpy ride. And then some say, Frontend is easy :sweat_smile:

7

Ride’s still going, hahaha. I’ll post an update here if anything ever changes.

8

Not sure if you’re still struggling with this, but I ran into the same issues. It turns out the issue was the incorrect Ghost API Url and Key that was being used in the .ghost.json file. Basically, I added this file to .gitignore but forgot to delete from GitHub. Therefore, Amplify was pulling the credentials from that file instead of from process.env. Hope it helps!