Home
Support Forums

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

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

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.

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?

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.

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?

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

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