Gatsby: Cannot start the app with `gatsby develop`

Created on 26 Jul 2018  路  2Comments  路  Source: gatsbyjs/gatsby

Description

error There was a problem loading the local develop command. Gatsby may not be installed. Perhaps you need to run "npm install"?

  TypeError: Cannot destructure property `createHash` of 'undefined' or 'null'.

Steps to reproduce

npm i -g gatsby-cli
npm install + gatsby develop

Expected result

the app should start in develop mode

Actual result

the above errorr is thrown

Environment

  System:
    OS: Windows 10
    CPU: x64 Intel(R) Core(TM) i5-6300U CPU @ 2.40GHz
  Binaries:
    Yarn: yarn install v0.24.6
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
Done in 204.26s. - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.1.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 42.17134.1.0
  npmPackages:
    gatsby: next => 2.0.0-beta.59
    gatsby-cli: next => 2.0.0-beta.7
    gatsby-image: next => 2.0.0-beta.7
    gatsby-link: next => 2.0.0-beta.5
    gatsby-plugin-google-analytics: next => 2.0.0-beta.3
    gatsby-plugin-manifest: next => 2.0.2-beta.3
    gatsby-plugin-netlify: next => 2.0.0-beta.4
    gatsby-plugin-nprogress: next => 2.0.0-beta.4
    gatsby-plugin-offline: next => 2.0.0-beta.5
    gatsby-plugin-postcss-sass: ^1.0.22 => 1.0.22
    gatsby-plugin-react-helmet: next => 3.0.0-beta.4
    gatsby-plugin-react-next: next => 2.0.1-13
    gatsby-plugin-sharp: next => 2.0.0-beta.7
    gatsby-plugin-styled-components: next => 3.0.0-beta.3
    gatsby-source-contentful: next => 2.0.1-beta.15
    gatsby-source-filesystem: next => 2.0.1-beta.10
    gatsby-transformer-remark: next => 2.1.1-beta.4
    gatsby-transformer-sharp: next => 2.1.1-beta.6

error The system cannot find the path specified.



  Error: The system cannot find the path specified.

  - envinfo.js:1 Function.e.exports.sync
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:7778

  - envinfo.js:1 Object.copySync
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:104976

  - envinfo.js:1 Object.t.writeSync.e [as writeSync]
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:123499

  - envinfo.js:1
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:124274

  - envinfo.js:1 Promise.all.then.e
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:124289

  - util.js:16 tryCatcher
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/util.js:16:23

  - promise.js:512 Promise._settlePromiseFromHandler
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:512:31

  - promise.js:569 Promise._settlePromise
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:569:18

  - promise.js:614 Promise._settlePromise0
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10

  - promise.js:693 Promise._settlePromises
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:693:18

  - promise.js:638 Promise._fulfill
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:638:18

  - promise_array.js:126 PromiseArray._resolve
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:126:19

  - promise_array.js:144 PromiseArray._promiseFulfilled
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:144:14

  - promise.js:574 Promise._settlePromise
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:574:26

  - promise.js:614 Promise._settlePromise0
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10

  - promise.js:693 Promise._settlePromises
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:693:18


error UNHANDLED REJECTION


  Error: The system cannot find the path specified.

  - envinfo.js:1 Function.e.exports.sync
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:7778

  - envinfo.js:1 Object.copySync
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:104976

  - envinfo.js:1 Object.t.writeSync.e [as writeSync]
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:123499

  - envinfo.js:1
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:124274

  - envinfo.js:1 Promise.all.then.e
    [v10.5.0]/[gatsby-cli]/[envinfo]/dist/envinfo.js:1:124289

  - util.js:16 tryCatcher
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/util.js:16:23

  - promise.js:512 Promise._settlePromiseFromHandler
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:512:31

  - promise.js:569 Promise._settlePromise
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:569:18

  - promise.js:614 Promise._settlePromise0
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10

  - promise.js:693 Promise._settlePromises
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:693:18

  - promise.js:638 Promise._fulfill
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:638:18

  - promise_array.js:126 PromiseArray._resolve
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:126:19

  - promise_array.js:144 PromiseArray._promiseFulfilled
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise_array.js:144:14

  - promise.js:574 Promise._settlePromise
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:574:26

  - promise.js:614 Promise._settlePromise0
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:614:10

  - promise.js:693 Promise._settlePromises
    [v10.5.0]/[gatsby-cli]/[bluebird]/js/release/promise.js:693:18

File contents (if changed)

gatsby-config.js: 

require('dotenv').config({
  path: `.env.${process.env.NODE_ENV}`,
})
const config = require('./src/utils/siteConfig')
const autoprefixer = require('autoprefixer');

module.exports = {
  siteMetadata: {
    title: 'Blumen Georg',
  },
  plugins: [
    {
      resolve: `gatsby-plugin-nprogress`,
      options: {
        color: `rebeccapurple`,
        showSpinner: true,
        easing: 'ease',
        speed: 500,
        minimum: 0.1
      },
    },
    {
      resolve: `gatsby-plugin-manifest`,
      options: {
        name: config.siteTitle,
        short_name: config.shortTitle,
        description: config.siteDescription,
        start_url: '/',
        background_color: config.backgroundColor,
        theme_color: config.themeColor,
        display: 'minimal-ui',
        icon: 'src/images/favicon/logo-lg.png',
        icons: [
          {
            src: `icons/android-chrome-192x192.png`,
            sizes: `192x192`,
            type: `image/png`,
          },
          {
            src: `icons/android-chrome-512x512.png`,
            sizes: `512x512`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-57x57.png`,
            sizes: `57x57`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-60x60.png`,
            sizes: `60x60`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-72x72.png`,
            sizes: `72x72`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-76x76.png`,
            sizes: `76x76`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-114x114.png`,
            sizes: `114x114`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-120x120.png`,
            sizes: `120x120`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-144x144.png`,
            sizes: `144x144`,
            type: `image/png`,
          },
          {
            src: `icons/mstile-150x150.png`,
            sizes: `150x150`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-152x152.png`,
            sizes: `152x152`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-180x180.png`,
            sizes: `180x180`,
            type: `image/png`,
          },
          {
            src: `icons/apple-touch-icon.png`,
            sizes: `180x180`,
            type: `image/png`,
          },
          {
            src: `icons/apple-icon-precomposed.png`,
            sizes: `192x192`,
            type: `image/png`,
          },
          {
            src: `icons/icon-256x256.png`,
            sizes: `256x256`,
            type: `image/png`,
          },
          {
            src: `icons/icon-384x384.png`,
            sizes: `384x384`,
            type: `image/png`,
          },
          {
            src: `icons/icon-512x512.png`,
            sizes: `512x512`,
            type: `image/png`,
          },
          {
            src: `icons/[email protected]`,
            sizes: `512x512`,
            type: `image/png`,
          },
          {
            src: `icons/[email protected]`,
            sizes: `1024x1024`,
            type: `image/png`,
          },
          {
            src: `icons/[email protected]`,
            sizes: `1536x1536`,
            type: `image/png`,
          },
        ],
      },
    },
    {
      resolve: `gatsby-source-contentful`,
      options: {
        spaceId: process.env.SPACE_ID,
        accessToken: process.env.ACCESS_TOKEN,
      },
    },
    {
      resolve: 'gatsby-plugin-google-analytics',
      options: {
        trackingId: process.env.GOOGLE_ANALYTICS,
        head: true,
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `${__dirname}/src/`,
        name: `src`,
      },
    },
    'gatsby-plugin-react-helmet',
    {
      resolve: 'gatsby-plugin-postcss-sass',
      options: {
        postCssPlugins: [autoprefixer()],
        precision: 8,
      },
    },
    `gatsby-plugin-styled-components`,
    `gatsby-plugin-sharp`,
    `gatsby-transformer-sharp`,
    'gatsby-transformer-remark',
    `gatsby-plugin-offline`,
    `gatsby-plugin-netlify`
  ],
}

package.json: 

{
  "dependencies": {
    "autoprefixer": "^8.6.4",
    "babel-plugin-styled-components": "^1.5.1",
    "bulma": "^0.7.1",
    "delay": "^2.0.0",
    "gatsby": "next",
    "gatsby-cli": "next",
    "gatsby-image": "next",
    "gatsby-link": "next",
    "gatsby-plugin-google-analytics": "next",
    "gatsby-plugin-manifest": "next",
    "gatsby-plugin-netlify": "next",
    "gatsby-plugin-nprogress": "next",
    "gatsby-plugin-offline": "next",
    "gatsby-plugin-postcss-sass": "^1.0.22",
    "gatsby-plugin-react-helmet": "next",
    "gatsby-plugin-react-next": "next",
    "gatsby-plugin-sharp": "next",
    "gatsby-plugin-styled-components": "next",
    "gatsby-source-contentful": "next",
    "gatsby-source-filesystem": "next",
    "gatsby-transformer-remark": "next",
    "gatsby-transformer-sharp": "next",
    "google-maps-react": "^2.0.2",
    "path": "^0.12.7",
    "react": "^16.3.2",
    "react-dom": "^16.3.2",
    "react-helmet": "^5.2.0",
    "react-lazy-load": "^3.0.13",
    "react-responsive": "^4.1.0",
    "react-spring": "^5.3.8",
    "styled-components": "^3.2.6"
  },
  "keywords": [
    "gatsby react"
  ],
  "license": "MIT",
  "scripts": {
    "build": "gatsby build",
    "develop": "gatsby develop",
    "format": "prettier --write 'src/**/*.js'",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "devDependencies": {
    "dotenv": "^5.0.1",
    "lodash.filter": "^4.6.0",
    "lodash.some": "^4.6.0",
    "prettier": "^1.12.0",
    "shortid": "^2.2.8",
    "webpack": "^1.15.0"
  }
}

gatsby-node.js: N/A
gatsby-browser.js: N/A
gatsby-ssr.js: N/A

picture akolybelnikov
👍1

Most helpful comment

I just faced this issue but I'm not sure I understand the resolution. Is there a way to use npm instead of Yarn and to resolve this issue?

picture galvarez421 on 9 Sep 2018
👍7 🎉1

All 2 comments

Reinstalled the node modules with Yarn instead of NPM and it works again.

akolybelnikov picture akolybelnikov on 26 Jul 2018
👍6

I just faced this issue but I'm not sure I understand the resolution. Is there a way to use npm instead of Yarn and to resolve this issue?

galvarez421 picture galvarez421 on 9 Sep 2018
👍7 🎉1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

rossPatton picture rossPatton  路  3Comments
dustinhorton picture dustinhorton  路  3Comments
KyleAMathews picture KyleAMathews  路  3Comments
jimfilippou picture jimfilippou  路  3Comments
brandonmp picture brandonmp  路  3Comments