Unknown option: .reactRuntime #26736

michaelpumo · 2020-09-01T12:28:16Z

Description

Running gatsby develop results in 2 errors stating: "Unknown option: .reactRuntime"

It might be something to do with images, as I noticed the errors crop up just after the console statement: "Generating image thumbnails"...

success createPages - 16.044s
success Checking for changed pages - 0.002s
success createPagesStatefully - 0.102s
success update schema - 0.116s
success write out redirect data - 0.002s
success Build manifest and related icons - 0.117s
success onPostBootstrap - 0.127s
info bootstrap finished - 77.267s
success onPreExtractQueries - 0.003s
success extract queries from components - 0.406s
success write out requires - 0.046s
success run static queries - 0.212s - 1/1 4.72/s
success run page queries - 1.786s - 1679/1679 940.12/s
success Generating image thumbnails - 4.130s - 6/6 1.45/s

 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

File: .cache/polyfill-entry.js


 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

File: .cache/app.js

failed Building development bundle - 0.747s

Steps to reproduce

Install the dependencies as shown and the same errors should occur.

Expected result

Project should build successfully.

Actual result

ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

File: .cache/app.js


 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

File: .cache/polyfill-entry.js

Environment

  System:
    OS: macOS 10.15.5
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 12.18.3 - /usr/local/bin/node
    Yarn: 1.21.1 - /usr/local/bin/yarn
    npm: 6.14.6 - /usr/local/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 84.0.4147.135
    Firefox: 78.0.2
    Safari: 13.1.1
  npmPackages:
    gatsby: ^2.24.53 => 2.24.53
    gatsby-image: ^2.4.16 => 2.4.16
    gatsby-plugin-manifest: ^2.4.27 => 2.4.27
    gatsby-plugin-offline: ^3.2.26 => 3.2.26
    gatsby-plugin-react-helmet: ^3.3.10 => 3.3.10
    gatsby-plugin-sharp: ^2.6.31 => 2.6.31
    gatsby-plugin-styled-components: ^3.3.10 => 3.3.10
    gatsby-source-fetch: ^1.0.3 => 1.0.3
    gatsby-source-filesystem: ^2.3.27 => 2.3.27
    gatsby-source-graphql-universal: 3.3.0 => 3.3.0
    gatsby-source-prismic-graphql: ^3.6.2 => 3.6.2
    gatsby-transformer-csv: ^2.3.10 => 2.3.10
    gatsby-transformer-sharp: ^2.5.14 => 2.5.14
  npmGlobalPackages:
    gatsby-cli: 2.12.88

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

michaelpumo · 2020-09-01T12:46:35Z

I since locked the Gatsby version to "gatsby": "2.24.51" in my package.json and re-installed. That appears to have resolved the issue, so it must be something with version "gatsby": "2.24.53" (I didn't test the version between these two).

hs737 · 2020-09-01T17:33:10Z

Agreed. I've been having the same issue for a few days. I'm adding my gatsby info in case it's at all helpful. My guess is that this issue might be related to #26652


  System:
    OS: macOS Mojave 10.14.6
    CPU: (8) x64 Intel(R) Core(TM) i7-7920HQ CPU @ 3.10GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 13.11.0 - ~/.nvm/versions/node/v13.11.0/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.7 - ~/.nvm/versions/node/v13.11.0/bin/npm
  Languages:
    Python: 2.7.14 - /usr/local/bin/python
  Browsers:
    Chrome: 84.0.4147.105
    Firefox: 80.0
    Safari: 13.1.2
  npmPackages:
    gatsby: ^2.24.50 => 2.24.53 
    gatsby-image: ^2.3.1 => 2.4.16 
    gatsby-plugin-facebook-pixel: ^1.0.3 => 1.0.3 
    gatsby-plugin-google-analytics: ^2.3.0 => 2.3.13 
    gatsby-plugin-launchdarkly: ^0.3.2 => 0.3.2 
    gatsby-plugin-manifest: ^2.3.3 => 2.4.27 
    gatsby-plugin-mdx: ^1.1.11 => 1.2.37 
    gatsby-plugin-mixpanel: ^3.1.6 => 3.1.7 
    gatsby-plugin-offline: ^3.1.2 => 3.2.26 
    gatsby-plugin-react-helmet: ^3.2.1 => 3.3.10 
    gatsby-plugin-sass: ^2.2.1 => 2.3.12 
    gatsby-plugin-sentry: ^1.0.1 => 1.0.1 
    gatsby-plugin-sharp: ^2.6.0 => 2.6.31 
    gatsby-plugin-sitemap: ^2.4.5 => 2.4.12 
    gatsby-plugin-splitio: ^0.1.1 => 0.1.1 
    gatsby-plugin-typescript: ^2.4.0 => 2.4.18 
    gatsby-prismic-pagination: ^0.2.1 => 0.2.1 
    gatsby-remark-images: ^3.3.0 => 3.3.28 
    gatsby-source-filesystem: ^2.2.2 => 2.3.27 
    gatsby-source-graphql-universal: 3.3.0 => 3.3.0 
    gatsby-source-prismic-graphql: ^3.6.2 => 3.6.2 
    gatsby-transformer-remark: ^2.8.4 => 2.8.32 
    gatsby-transformer-sharp: ^2.4.3 => 2.5.14

madalynrose · 2020-09-01T19:19:30Z

Hi @michaelpumo and @hs737!

Sorry to hear you're running into an issue. To help us best begin debugging the underlying cause, it is incredibly helpful if you're able to create a minimal reproduction. This is a simplified example of the issue that makes it clear and obvious what the issue is and how we can begin to debug it.

If you're up for it, we'd very much appreciate if you could provide a minimal reproduction either in a public repo or in something like codesandbox and we'll be able to take another look.

Thanks for using Gatsby! 💜

danniing · 2020-09-03T12:01:24Z

I'm having the same issue. Just created this new project. I'm using "gatsby-source-prismic-graphql" just like the two above.

System:
    OS: macOS 10.15.6
    CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 12.18.2 - /usr/local/bin/node
    Yarn: 1.22.5 - /usr/local/bin/yarn
    npm: 6.14.8 - /usr/local/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 85.0.4183.83
    Firefox: 72.0.2
    Safari: 13.1.2
  npmPackages:
    gatsby: ^2.24.49 => 2.24.53
    gatsby-image: ^2.4.16 => 2.4.16
    gatsby-plugin-manifest: ^2.4.27 => 2.4.27
    gatsby-plugin-preact: ^4.0.10 => 4.0.10
    gatsby-plugin-react-helmet: ^3.3.10 => 3.3.10
    gatsby-plugin-sharp: ^2.6.31 => 2.6.31
    gatsby-plugin-sitemap: ^2.4.12 => 2.4.12
    gatsby-plugin-webfonts: ^1.1.3 => 1.1.3
    gatsby-source-filesystem: ^2.3.27 => 2.3.27
    gatsby-source-prismic-graphql: ^3.6.2 => 3.6.2
    gatsby-transformer-sharp: ^2.5.14 => 2.5.14
  npmGlobalPackages:
    gatsby: 2.24.53

danniing · 2020-09-03T12:09:41Z

I since locked the Gatsby version to "gatsby": "2.24.51" in my package.json and re-installed. That appears to have resolved the issue, so it must be something with version "gatsby": "2.24.53" (I didn't test the version between these two).

Worked for me too

nickmcmillan · 2020-09-04T09:13:11Z

Same issue here with "gatsby": "2.24.53"
In my case the error was happening in the Gatsby Cloud build process;

error Generating JavaScript bundles failed Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options. error Generating JavaScript bundles failed Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options

Stepping back to an older version of the gatsby package resolved the issue.

michaelpumo · 2020-09-04T09:33:37Z

Hi @michaelpumo and @hs737!

Sorry to hear you're running into an issue. To help us best begin debugging the underlying cause, it is incredibly helpful if you're able to create a minimal reproduction. This is a simplified example of the issue that makes it clear and obvious what the issue is and how we can begin to debug it.

If you're up for it, we'd very much appreciate if you could provide a minimal reproduction either in a public repo or in something like codesandbox and we'll be able to take another look.

Thanks for using Gatsby! 💜

I tried setting up a test case and failed because I couldn't work out how to correctly use Codesandbox. I'll give it another go soon.

kamerondotcom · 2020-09-04T17:07:37Z

Happening for me too and I've tried downgrading to Gatsby @ 2.24.51

System:
OS: macOS 10.15.6
CPU: (8) x64 Intel(R) Core(TM) i7-6820HQ CPU @ 2.70GHz
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.16.0 - /usr/local/bin/node
Yarn: 1.17.3 - /usr/local/bin/yarn
npm: 6.9.0 - /usr/local/bin/npm
Languages:
Python: 2.7.16 - /usr/bin/python
Browsers:
Chrome: 85.0.4183.83
Firefox: 72.0.2
Safari: 13.1.2
npmPackages:
gatsby: ^2.24.51 => 2.24.53
gatsby-image: ^2.4.16 => 2.4.16
gatsby-plugin-alias-imports: ^1.0.5 => 1.0.5
gatsby-plugin-env-variables: ^2.0.0 => 2.0.0
gatsby-plugin-google-analytics: ^2.3.13 => 2.3.13
gatsby-plugin-google-fonts: 1.0.1 => 1.0.1
gatsby-plugin-hotjar: ^1.0.1 => 1.0.1
gatsby-plugin-mailchimp: ^5.2.2 => 5.2.2
gatsby-plugin-manifest: ^2.4.27 => 2.4.27
gatsby-plugin-netlify-functions: 0.0.3 => 0.0.3
gatsby-plugin-offline: ^3.2.26 => 3.2.26
gatsby-plugin-postcss: ^2.3.11 => 2.3.11
gatsby-plugin-react-helmet: ^3.3.10 => 3.3.10
gatsby-plugin-react-svg: ^3.0.0 => 3.0.0
gatsby-plugin-robots-txt: ^1.5.1 => 1.5.1
gatsby-plugin-sass: ^2.3.12 => 2.3.12
gatsby-plugin-sharp: 2.6.31 => 2.6.31
gatsby-plugin-shopify-buy: 0.0.2 => 0.0.2
gatsby-plugin-sitemap: ^2.4.12 => 2.4.12
gatsby-source-filesystem: ^2.3.27 => 2.3.27
gatsby-source-prismic-graphql: github:prismicio/gatsby-source-prismic-graphql#flat => 3.6.2
gatsby-source-shopify2: ^2.0.7 => 2.0.7
gatsby-transformer-sharp: ^2.5.14 => 2.5.14
npmGlobalPackages:
gatsby-cli: 2.7.44

wardpeet · 2020-09-07T12:42:32Z

Can you try removing node_modules & your lock file? and install again? I'll see if I can find a fix for it but that should do the trick.

michaelpumo · 2020-09-07T12:44:13Z

Can you try removing node_modules & your lock file? and install again? I'll see if I can find a fix for it but that should do the trick.

I've tried that several times to no luck...which is actually how I figured out it was that specific version of Gatsby with the issue.

wardpeet · 2020-09-07T13:04:13Z

Do you by any chance have a custom babelrc file? @michaelpumo

michaelpumo · 2020-09-07T13:07:34Z

Do you by any chance have a custom babelrc file? @michaelpumo

I do not, no. I tried setting one up later to try and circumvent the unknown option but that didn't work out either.

wardpeet · 2020-09-07T13:11:52Z

I can't seem to reproduce... any chance to share a git repo? Feel free to send it privately to ward@gatsbyjs.com.

ttstauss · 2020-09-09T20:42:11Z

I also get this error. Tried each suggestion with no luck. Currently investigating.

Walkeezy · 2020-09-10T13:25:18Z

Same issue here.

RomSribn · 2020-09-10T15:28:06Z

I faced the same issue today.

veebid · 2020-09-11T08:03:17Z

Same problem

`
ERROR #98123 WEBPACK

Generating development JavaScript bundle failed

Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

File: .cache/polyfill-entry.js

ERROR #98123 WEBPACK

Generating development JavaScript bundle failed

Unknown option: .reactRuntime. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

File: .cache/app.js

failed Building development bundle - 2.336s`

PierreAndreis · 2020-09-11T20:40:16Z

Having this issue as well. This might be related to gatsby-source-prismic-graphql messing with the babel file to get their preview working.

kamerondotcom · 2020-09-13T21:28:53Z

Any updates here? Haven't been able to build for close to a week now. Help.

codeAdrian · 2020-09-15T06:28:02Z

Same issue here. Downgrading it to "gatsby": "2.24.51" fixes it temporarily

LekoArts · 2020-09-15T12:17:39Z

We can't give any updates without a clear reproduction, so if you can provide that please do. Thanks!

j-mcgregor · 2020-09-15T13:15:05Z

Same issue here. Downgrading it to "gatsby": "2.24.51" fixes it temporarily

Unfortunately this isn't working for me. Current versions:

    // package.json
    "@prismicio/gatsby-source-prismic-graphql": "^3.6.13",
    ...
    "gatsby": "^2.24.51",

It builds up to here and then hangs...

wardpeet · 2020-09-16T07:07:25Z

Thanks @michaelpumo for the reproduction. I made a PR prismicio/gatsby-source-graphql-universal#12.

However prismic suggests using https://github.com/angeloashmore/gatsby-source-prismic from reading https://prismic.io/blog/gatsby-prismic-plugins

wardpeet · 2020-09-16T07:10:27Z

I'm going to close this issue as there is nothing more to do from our side. I've created an issue prismicio/gatsby-source-graphql-universal#13 so please move the discussion over there.

Thank you for using Gatsby 💪

MarcMcIntosh · 2020-09-16T10:12:52Z

Use gatsby version 2.24.11 :)

Locking Gatsby to older version. See gatsbyjs/gatsby#26736

jan-vaclavik · 2020-10-16T01:04:17Z

Helps for me change gatsby version in package.json

"gatsby": "^2.24.53" => "gatsby": "2.24.51"

michaelpumo added the type: bug An issue or pull request relating to a bug in Gatsby label Sep 1, 2020

gatsbot bot added the status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer label Sep 1, 2020

madalynrose added status: needs reproduction This issue needs a simplified reproduction of the bug for further troubleshooting. topic: webpack/babel Webpack or babel and removed status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer labels Sep 1, 2020

madalynrose assigned wardpeet Sep 1, 2020

wardpeet mentioned this issue Sep 7, 2020

fix(gatsby): set proper cacheIdentifier for babel #26809

Merged

wardpeet mentioned this issue Sep 16, 2020

fix: reactRuntime is not defined prismicio/gatsby-source-graphql-universal#11

Closed

This was referenced Sep 16, 2020

fix: reactRuntime is not defined birkir/gatsby-source-graphql-universal#29

Closed

fix: reactRuntime is not defined prismicio/gatsby-source-graphql-universal#12

Merged

wardpeet added type: upstream Issues outside of Gatsby's control, caused by dependencies and removed status: needs reproduction This issue needs a simplified reproduction of the bug for further troubleshooting. topic: webpack/babel Webpack or babel labels Sep 16, 2020

wardpeet mentioned this issue Sep 16, 2020

Unknown option: .reactRuntime prismicio/gatsby-source-graphql-universal#13

Closed

wardpeet closed this as completed Sep 16, 2020

fabienheureux mentioned this issue Sep 22, 2020

Fix: latest gatsby version breaks this package develop and build scripts GrappleGQL/gatsby-source-wagtail#25

Merged

joeldbirch mentioned this issue Oct 15, 2020

Error: pragma and pragmaFrag cannot be set when runtime is automatic doczjs/docz#1579

Open

gsong added a commit to gsong/personal-site that referenced this issue Oct 15, 2020

build: upgrade JS dependencies

e644da8

Locking Gatsby to older version. See gatsbyjs/gatsby#26736

jan-vaclavik mentioned this issue Oct 16, 2020

pragma and pragmaFrag cannot be set when runtime is automatic jpedroschmitz/rocketdocs#40

Closed

tbrlpld mentioned this issue Nov 2, 2020

Gatsby ^2.24.67 throws Unknown option: .rootDir. GrappleGQL/gatsby-source-wagtail#28

Closed

diondiondion mentioned this issue Nov 4, 2020

chore(deps): update dependency gatsby to v2.32.13 - autoclosed 5app/base5-ui#122

Closed

1 task

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Unknown option: .reactRuntime #26736

Unknown option: .reactRuntime #26736

michaelpumo commented Sep 1, 2020

michaelpumo commented Sep 1, 2020

hs737 commented Sep 1, 2020

madalynrose commented Sep 1, 2020

danniing commented Sep 3, 2020 •

edited

danniing commented Sep 3, 2020

nickmcmillan commented Sep 4, 2020

michaelpumo commented Sep 4, 2020

kamerondotcom commented Sep 4, 2020 •

edited

wardpeet commented Sep 7, 2020

michaelpumo commented Sep 7, 2020

wardpeet commented Sep 7, 2020

michaelpumo commented Sep 7, 2020 •

edited

wardpeet commented Sep 7, 2020

ttstauss commented Sep 9, 2020

Walkeezy commented Sep 10, 2020

RomSribn commented Sep 10, 2020

veebid commented Sep 11, 2020

PierreAndreis commented Sep 11, 2020

kamerondotcom commented Sep 13, 2020

codeAdrian commented Sep 15, 2020 •

edited

LekoArts commented Sep 15, 2020

j-mcgregor commented Sep 15, 2020 •

edited

wardpeet commented Sep 16, 2020

wardpeet commented Sep 16, 2020

MarcMcIntosh commented Sep 16, 2020

jan-vaclavik commented Oct 16, 2020

Unknown option: .reactRuntime #26736

Unknown option: .reactRuntime #26736

Comments

michaelpumo commented Sep 1, 2020

Description

Steps to reproduce

Expected result

Actual result

Environment

michaelpumo commented Sep 1, 2020

hs737 commented Sep 1, 2020

madalynrose commented Sep 1, 2020

danniing commented Sep 3, 2020 • edited

danniing commented Sep 3, 2020

nickmcmillan commented Sep 4, 2020

michaelpumo commented Sep 4, 2020

kamerondotcom commented Sep 4, 2020 • edited

wardpeet commented Sep 7, 2020

michaelpumo commented Sep 7, 2020

wardpeet commented Sep 7, 2020

michaelpumo commented Sep 7, 2020 • edited

wardpeet commented Sep 7, 2020

ttstauss commented Sep 9, 2020

Walkeezy commented Sep 10, 2020

RomSribn commented Sep 10, 2020

veebid commented Sep 11, 2020

PierreAndreis commented Sep 11, 2020

kamerondotcom commented Sep 13, 2020

codeAdrian commented Sep 15, 2020 • edited

LekoArts commented Sep 15, 2020

j-mcgregor commented Sep 15, 2020 • edited

wardpeet commented Sep 16, 2020

wardpeet commented Sep 16, 2020

MarcMcIntosh commented Sep 16, 2020

jan-vaclavik commented Oct 16, 2020

danniing commented Sep 3, 2020 •

edited

kamerondotcom commented Sep 4, 2020 •

edited

michaelpumo commented Sep 7, 2020 •

edited

codeAdrian commented Sep 15, 2020 •

edited

j-mcgregor commented Sep 15, 2020 •

edited