Error message when building after sitemap plugin installed. #29332

wad-im · 2021-02-04T14:00:28Z

wad-im
Feb 4, 2021

Hej all,

After installing the gatsby sitemap plugin, I am getting an error on build on netlify, where I am deploying the project. It was working fine before the plugin and also worked again after uninstalling it, so I assume, the issue is related to it. I just do not know how to fix it. Can anyone help?

This is the error message that I am getting on netlify:

2:01:47 PM: Build ready to start
2:01:49 PM: build-image version: d84c79427e8f83c1ba17bcdd7b3fe38059376b68
2:01:49 PM: build-image tag: v3.6.1
2:01:49 PM: buildbot version: 28b3358b4c94ec0a3a8c81b155535f3f8c2745f1
2:01:49 PM: Building without cache
2:01:49 PM: Starting to prepare the repo for build
2:01:49 PM: No cached dependencies found. Cloning fresh repo
2:01:49 PM: git clone https://github.com/wad-im/bognasPortfolio
2:01:50 PM: Preparing Git Reference refs/heads/main
2:01:52 PM: Different publish path detected, going to use the one specified in the Netlify configuration file: 'public' versus 'public/' in the Netlify UI
2:01:52 PM: Starting build script
2:01:52 PM: Installing dependencies
2:01:52 PM: Python version set to 2.7
2:01:54 PM: v12.18.0 is already installed.
2:01:54 PM: Now using node v12.18.0 (npm v6.14.4)
2:01:54 PM: Started restoring cached build plugins
2:01:54 PM: Finished restoring cached build plugins
2:01:54 PM: Attempting ruby version 2.7.1, read from environment
2:01:56 PM: Using ruby version 2.7.1
2:01:56 PM: Using PHP version 5.6
2:01:56 PM: Started restoring cached node modules
2:01:56 PM: Finished restoring cached node modules
2:01:57 PM: Installing NPM modules using NPM version 6.14.4
2:02:53 PM: npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!
2:02:53 PM: > [email protected] install /opt/build/repo/node_modules/gatsby-plugin-manifest/node_modules/sharp
2:02:53 PM: > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
2:02:55 PM: info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.10.5/libvips-8.10.5-linux-x64.tar.br
2:02:57 PM: > [email protected] install /opt/build/repo/node_modules/gatsby-plugin-sharp/node_modules/sharp
2:02:57 PM: > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
2:02:58 PM: info sharp Using cached /opt/buildhome/.npm/_libvips/libvips-8.10.5-linux-x64.tar.br
2:03:00 PM: > [email protected] install /opt/build/repo/node_modules/gatsby-transformer-sharp/node_modules/sharp
2:03:00 PM: > (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
2:03:01 PM: info sharp Using cached /opt/buildhome/.npm/_libvips/libvips-8.10.5-linux-x64.tar.br
2:03:03 PM: > [email protected] install /opt/build/repo/node_modules/puppeteer
2:03:03 PM: > node install.js
2:05:55 PM: Chromium (756035) downloaded to /opt/build/repo/node_modules/puppeteer/.local-chromium/linux-756035
2:05:56 PM: > [email protected] postinstall /opt/build/repo/node_modules/babel-runtime/node_modules/core-js
2:05:56 PM: > node -e "try{require('./postinstall')}catch(e){}"
2:05:56 PM: > [email protected] postinstall /opt/build/repo/node_modules/core-js
2:05:56 PM: > node -e "try{require('./postinstall')}catch(e){}"
2:05:56 PM: > [email protected] postinstall /opt/build/repo/node_modules/core-js-pure
2:05:56 PM: > node -e "try{require('./postinstall')}catch(e){}"
2:05:58 PM: > [email protected] postinstall /opt/build/repo/node_modules/gatsby-telemetry
2:05:58 PM: > node src/postinstall.js || true
2:05:58 PM: > [email protected] postinstall /opt/build/repo/node_modules/mozjpeg
2:05:58 PM: > node lib/install.js
2:05:59 PM:   ✔ mozjpeg pre-build test passed successfully
2:05:59 PM: > [email protected] postinstall /opt/build/repo/node_modules/pngquant-bin
2:05:59 PM: > node lib/install.js
2:05:59 PM:   ✔ pngquant pre-build test passed successfully
2:05:59 PM: > [email protected] postinstall /opt/build/repo/node_modules/gatsby-cli
2:05:59 PM: > node scripts/postinstall.js
2:05:59 PM: > [email protected] postinstall /opt/build/repo/node_modules/gatsby
2:05:59 PM: > node scripts/postinstall.js
2:06:03 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/webpack-dev-server/node_modules/fsevents):
2:06:03 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
2:06:03 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/watchpack-chokidar2/node_modules/fsevents):
2:06:03 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
2:06:03 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
2:06:03 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
2:06:03 PM: added 2521 packages from 1401 contributors and audited 2528 packages in 245.373s
2:06:06 PM: 180 packages are looking for funding
2:06:06 PM:   run `npm fund` for details
2:06:06 PM: found 2 vulnerabilities (1 low, 1 high)
2:06:06 PM:   run `npm audit fix` to fix them, or `npm audit` for details
2:06:06 PM: NPM modules installed
2:06:06 PM: Started restoring cached go cache
2:06:06 PM: Finished restoring cached go cache
2:06:06 PM: go version go1.14.4 linux/amd64
2:06:06 PM: go version go1.14.4 linux/amd64
2:06:06 PM: Installing missing commands
2:06:06 PM: Verify run directory
2:06:08 PM: 
2:06:08 PM: ────────────────────────────────────────────────────────────────
2:06:08 PM:   Netlify Build                                                 
2:06:08 PM: ────────────────────────────────────────────────────────────────
2:06:08 PM: 
2:06:08 PM: ❯ Version
2:06:08 PM:   @netlify/build 8.4.0
2:06:08 PM: 
2:06:08 PM: ❯ Flags
2:06:08 PM:   deployId: 601bf03b6085833ea914871b
2:06:08 PM:   mode: buildbot
2:06:08 PM: 
2:06:08 PM: ❯ Current directory
2:06:08 PM:   /opt/build/repo
2:06:08 PM: 
2:06:08 PM: ❯ Config file
2:06:08 PM:   No config file was defined: using default values.
2:06:08 PM: 
2:06:08 PM: ❯ Context
2:06:08 PM:   production
2:06:08 PM: 
2:06:08 PM: ────────────────────────────────────────────────────────────────
2:06:08 PM:   1. Build command from Netlify app                             
2:06:08 PM: ────────────────────────────────────────────────────────────────
2:06:08 PM: 
2:06:08 PM: $ npm run build
2:06:08 PM: > [email protected] build /opt/build/repo
2:06:08 PM: > gatsby build
2:06:12 PM: success open and validate gatsby-configs - 0.069s
2:06:13 PM: success load plugins - 1.274s
2:06:13 PM: success onPreInit - 0.058s
2:06:13 PM: success delete html and css files from previous builds - 0.003s
2:06:13 PM: success initialize cache - 0.007s
2:06:13 PM: success copy gatsby files - 0.067s
2:06:13 PM: success onPreBootstrap - 0.018s
2:06:13 PM: success createSchemaCustomization - 0.007s
2:06:14 PM: success Contentful: Sync all items - 0.069s - 14/14 204.15/s
2:06:14 PM: success Contentful: Fetch data (3izr731s7l9v-master) - 0.352s
2:06:14 PM: info Updated entries 6
2:06:14 PM: info Deleted entries 0
2:06:14 PM: info Updated assets 8
2:06:14 PM: info Deleted assets 0
2:06:14 PM: success Contentful: Process data (3izr731s7l9v-master) - 0.023s
2:06:14 PM: info Creating 6 Contentful Project nodes
2:06:14 PM: info Creating 8 Contentful asset nodes
2:06:14 PM: success Contentful: Create nodes (3izr731s7l9v-master) - 0.017s
2:06:14 PM: success Checking for changed pages - 0.000s
2:06:14 PM: success source and transform nodes - 0.582s
2:06:14 PM: warning Thank you for trying the beta version of the `gatsbyImageData` API. Please provide feedback and report any issues at: https://github.com/gatsbyjs/gatsby/discussions/27950
2:06:15 PM: success building schema - 0.538s
2:06:15 PM: info Total nodes: 60, SitePage nodes: 2 (use --verbose for breakdown)
2:06:15 PM: success createPages - 0.008s
2:06:15 PM: success Checking for changed pages - 0.000s
2:06:15 PM: success createPagesStatefully - 0.114s
2:06:15 PM: success update schema - 0.032s
2:06:15 PM: success onPreExtractQueries - 0.002s
2:06:17 PM: success extract queries from components - 1.863s
2:06:17 PM: success write out redirect data - 0.001s
2:06:17 PM: success Build manifest and related icons - 0.193s
2:06:17 PM: success onPostBootstrap - 0.195s
2:06:17 PM: info bootstrap finished - 8.419s
2:06:17 PM: success run static queries - 0.138s - 4/4 28.90/s
2:06:17 PM: success run page queries - 0.008s - 6/6 783.21/s
2:06:17 PM: success write out requires - 0.005s
2:06:40 PM: failed Building production JavaScript and CSS bundles - 23.014s
2:06:40 PM: error Generating JavaScript bundles failed
2:06:40 PM: Can't resolve 'react-is' in '/opt/build/repo/node_modules/styled-components/dist'
2:06:40 PM: If you're trying to use a package make sure that 'react-is' is installed. If you're trying to use a local file make sure that the path is correct.
2:06:40 PM: npm ERR! code ELIFECYCLE
2:06:40 PM: npm ERR! errno 1
2:06:40 PM: npm ERR! [email protected] build: `gatsby build`
2:06:40 PM: npm ERR! Exit status 1
2:06:40 PM: npm ERR!
2:06:40 PM: npm ERR! Failed at the [email protected] build script.
2:06:40 PM: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2:06:40 PM: npm ERR! A complete log of this run can be found in:
2:06:40 PM: npm ERR!     /opt/buildhome/.npm/_logs/2021-02-04T13_06_40_595Z-debug.log
2:06:40 PM: 
2:06:40 PM: ────────────────────────────────────────────────────────────────
2:06:40 PM:   "build.command" failed                                        
2:06:40 PM: ────────────────────────────────────────────────────────────────
2:06:40 PM: 
2:06:40 PM:   Error message
2:06:40 PM:   Command failed with exit code 1: npm run build
2:06:40 PM: 
2:06:40 PM:   Error location
2:06:40 PM:   In Build command from Netlify app:
2:06:40 PM:   npm run build
2:06:40 PM: 
2:06:40 PM:   Resolved config
2:06:40 PM:   build:
2:06:40 PM:     command: npm run build
2:06:40 PM:     commandOrigin: ui
2:06:40 PM:     environment:
2:06:40 PM:       - CONTENTFUL_ACCESS_TOKEN
2:06:40 PM:       - CONTENTFUL_SPACE_ID
2:06:40 PM:       - TYPEKIT_ID
2:06:40 PM:     publish: /opt/build/repo/public
2:06:40 PM: Caching artifacts
2:06:40 PM: Started saving node modules
2:06:40 PM: Finished saving node modules
2:06:40 PM: Started saving build plugins
2:06:40 PM: Finished saving build plugins
2:06:40 PM: Started saving pip cache
2:06:40 PM: Finished saving pip cache
2:06:40 PM: Started saving emacs cask dependencies
2:06:40 PM: Finished saving emacs cask dependencies
2:06:40 PM: Started saving maven dependencies
2:06:40 PM: Finished saving maven dependencies
2:06:40 PM: Started saving boot dependencies
2:06:40 PM: Finished saving boot dependencies
2:06:40 PM: Started saving rust rustup cache
2:06:40 PM: Finished saving rust rustup cache
2:06:40 PM: Started saving go dependencies
2:06:40 PM: Finished saving go dependencies
2:06:44 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
2:06:44 PM: Failing build: Failed to build site
2:06:44 PM: Failed during stage 'building site': Build script returned non-zero exit code: 2
2:06:44 PM: Finished processing build request in 4m54.863351848s

adding to my confusion: when the I remove the plugin, the build works fine on Netlify, but I tried in my attempts to figure out what is going on to build it on gatsby cloud. There, it throws an error also after the removal of the plugin:

Generating JavaScript bundles failed at node_modules/styled-components/dist/styled-components.browser.esm.js

here is my gatsby.config file

`require("dotenv").config({
  path: `.env.${process.env.NODE_ENV}`,
})
module.exports = {
  siteMetadata: {
    title: "title",
    description: "Freelance graphic designer and architect based in Copenhagen, experienced in design projects for small and medium companies and individual clients",
    author: "author",
    siteUrl: "url",
    image: 'image',
    themeColor: "#707070"
  },
  plugins: [
    {
      resolve: "gatsby-source-contentful",
      options: {
        accessToken: process.env.CONTENTFUL_ACCESS_TOKEN,
        spaceId: process.env.CONTENTFUL_SPACE_ID,
      },
    },
    "gatsby-plugin-styled-components",
    "gatsby-plugin-sharp",
    "gatsby-plugin-react-helmet",
    "gatsby-transformer-sharp",
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: "images",
        path: "./src/images/",
      },
      __key: "images",
    },
    {
      resolve: "gatsby-plugin-web-font-loader",
      options: {
        typekit: {
          id: process.env.TYPEKIT_ID,
        },
      },
    },
    "gatsby-plugin-preload-fonts",
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: `name`,
        short_name: `name`,
        start_url: `/`,
        background_color: `#fff`,
        theme_color: `#707070`,
        display: `standalone`,
        icon: 'src/images/favicon.svg',
        lang: `en`,
      },
    },
    `gatsby-plugin-offline`,
  ],
};`

and my package.json:

{
  ...
  "scripts": {
    "preload-fonts": "gatsby-preload-fonts",
    "develop": "gatsby develop",
    "start": "env-cmd .env.development gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
  },
  "dependencies": {
    "babel-plugin-styled-components": "^1.12.0",
    "framer-motion": "^3.2.1",
    "gatsby": "^2.31.1",
    "gatsby-image": "^2.10.0",
    "gatsby-plugin-manifest": "^2.12.0",
    "gatsby-plugin-offline": "^3.10.0",
    "gatsby-plugin-preload-fonts": "^1.8.0",
    "gatsby-plugin-react-helmet": "^3.9.0",
    "gatsby-plugin-sharp": "^2.13.1",
    "gatsby-plugin-styled-components": "^3.9.0",
    "gatsby-plugin-web-font-loader": "^1.0.4",
    "gatsby-source-contentful": "^4.5.1",
    "gatsby-source-filesystem": "^2.10.0",
    "gatsby-transformer-sharp": "^2.11.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-helmet": "^6.1.0",
    "styled-components": "^5.2.1"
  },
  "devDependencies": {
    "env-cmd": "^10.1.0"
  }
}

Answered by wad-im

Feb 6, 2021

I resolved it. Thanks

View full answer

wad-im · 2021-02-06T10:41:20Z

wad-im
Feb 6, 2021
Author

I resolved it. Thanks

3 replies

underyx Feb 21, 2021

@wad-im but how?

wad-im Feb 23, 2021
Author

It was a dependency issue. react-is was missing. After I installed it, my issues were resolved.

underyx Feb 23, 2021

Thank you!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Error message when building after sitemap plugin installed. #29332

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Error message when building after sitemap plugin installed. #29332

Uh oh!

Uh oh!

wad-im Feb 4, 2021

Replies: 1 comment · 3 replies

Uh oh!

wad-im Feb 6, 2021 Author

Uh oh!

underyx Feb 21, 2021

Uh oh!

wad-im Feb 23, 2021 Author

Uh oh!

underyx Feb 23, 2021

wad-im
Feb 4, 2021

Replies: 1 comment 3 replies

wad-im
Feb 6, 2021
Author

wad-im Feb 23, 2021
Author