[0.46] ReferenceError: Unknown plugin "transform-runtime" #14843

BrendonSled · 2017-07-05T21:10:17Z

Is this a bug report?

Yes

Have you read the Bugs section of the Contributing to React Native Guide?

Yes

Environment

react-native -v: react-native-cli: 2.0.1 react-native: 0.46.0
node -v: v7.6.0
npm -v: 5.0.3
yarn --version (if you use Yarn): 0.24.6

Then, specify:

Target Platform (e.g. iOS, Android): iOS
Development Operating System (e.g. macOS Sierra, Windows 10): macOS
Build tools (Xcode or Android Studio version, iOS or Android SDK version, if relevant):

Steps to Reproduce

(Write your steps here:)

react-native init
yarn
react-native run-ios

Expected Behavior

Open iOS simulator with the hello world app

Actual Behavior

Packager fails

/Users/xx/test/node_modules/babel-core/lib/transformation/file/options/option-manager.js:328
        throw e;
        ^

ReferenceError: Unknown plugin "transform-runtime" specified in "/Users/xx/test/node_modules/regenerator-transform/package.json" at 0, attempted to resolve relative to "/Users/xx/test/node_modules/regenerator-transform" (While processing preset: "/Users/xx/test/node_modules/babel-preset-react-native/index.js")
    at /Users/xx/test/node_modules/babel-core/lib/transformation/file/options/option-manager.js:180:17
    at Array.map (native)
    at Function.normalisePlugins (/Users/xx/test/node_modules/babel-core/lib/transformation/file/options/option-manager.js:158:20)
    at OptionManager.mergeOptions (/Users/xx/test/node_modules/babel-core/lib/transformation/file/options/option-manager.js:234:36)
    at OptionManager.init (/Users/xx/test/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at compile (/Users/xx/test/node_modules/babel-register/lib/node.js:103:45)
    at loader (/Users/xx/test/node_modules/babel-register/lib/node.js:144:14)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/xx/test/node_modules/babel-register/lib/node.js:154:7)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
Process terminated. Press <enter> to close the window

Reproducible Demo

init a new project

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

joostslijkoort · 2017-07-05T21:35:42Z

I have the exact same issue when running run-android, while run-ios is working fine.

The problem occurs on newly generated projects, my existing projects run fine.

mayusha · 2017-07-05T22:00:56Z

+1

dn-l · 2017-07-05T22:03:01Z

Same, run-ios

ryanwhiley · 2017-07-05T22:04:28Z

+1

fjmorant · 2017-07-05T22:05:20Z

+1

Nismit · 2017-07-05T22:06:46Z

I also have the same issue.
This is a temporary fix because I changed previous react-native package.json.

delete node_modules
change package.json

...
 "dependencies": {
        "react": "16.0.0-alpha.12",
	"react-native": "0.45.1"
},
"devDependencies": {
	"babel-jest": "20.0.3",
	"babel-preset-react-native": "2.0.0",
	...
},
...

do npm install
react-native run-ios

fjmorant · 2017-07-05T22:08:02Z

Doing this :

rm -rf .babelrc

solves the issue temporarily

chishui · 2017-07-05T22:16:15Z

same issue here. And @JavierM84 's solution works for me.

andrezacds · 2017-07-05T23:13:29Z

Same here!

ronal2do · 2017-07-06T00:21:56Z

+1

0xdavinchee · 2017-07-06T00:47:57Z

Worked for me too!

ronal2do · 2017-07-06T00:59:41Z

@Nismit worked to mee

waseemshahwan · 2017-07-06T01:07:25Z

+1

fungilation · 2017-07-06T01:15:27Z

Same. Reproduced on 0.46.0, was on 0.45.1 without issue. On MacOS, running react-native run-ios > React Packager terminal output:

/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:328
        throw e;
        ^

ReferenceError: Unknown plugin "transform-runtime" specified in "/Users/<user>/Documents/code/<RN_project_name>/node_modules/regenerator-transform/package.json" at 0, attempted to resolve relative to "/Users/<user>/Documents/code/<RN_project_name>/node_modules/regenerator-transform" (While processing preset: "/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-preset-react-native/index.js")
    at /Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:180:17
    at Array.map (native)
    at Function.normalisePlugins (/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:158:20)
    at OptionManager.mergeOptions (/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:234:36)
    at OptionManager.init (/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at compile (/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-register/lib/node.js:103:45)
    at loader (/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-register/lib/node.js:144:14)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/<user>/Documents/code/<RN_project_name>/node_modules/babel-register/lib/node.js:154:7)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
Process terminated. Press <enter> to close the window

Tried removing .babelrc and run-ios terminates on a different babel plugin I'm using, idx:

/Users/<user>/Documents/code/<project>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:180
          throw new ReferenceError(messages.get("pluginUnknown", plugin, loc, i, dirname));
          ^

ReferenceError: Unknown plugin "idx" specified in "/Users/<user>/Documents/code/.babelrc" at 0, attempted to resolve relative to "/Users/<user>/Documents/code"
    at /Users/<user>/Documents/code/<project>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:180:17
    at Array.map (native)
    at Function.normalisePlugins (/Users/<user>/Documents/code/<project>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:158:20)
    at OptionManager.mergeOptions (/Users/<user>/Documents/code/<project>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:234:36)
    at OptionManager.init (/Users/<user>/Documents/code/<project>/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at compile (/Users/<user>/Documents/code/<project>/node_modules/babel-register/lib/node.js:103:45)
    at loader (/Users/<user>/Documents/code/<project>/node_modules/babel-register/lib/node.js:144:14)
    at Object.require.extensions.(anonymous function) [as .js] (/Users/<user>/Documents/code/<project>/node_modules/babel-register/lib/node.js:154:7)
    at Module.load (module.js:503:32)
    at tryModuleLoad (module.js:466:12)
Process terminated. Press <enter> to close the window

mattfysh · 2017-07-06T01:18:23Z

Closing the terminated process and booting up the packager via react-native start seems to work

WangPinChieh · 2017-07-06T01:20:50Z

@JavierM84 's solution works!

malkhalaf · 2017-07-06T02:25:25Z

+1
Just happened for every new project I create today with 0.46. All current projects work perfectly.
workaround: Running packager while at the new project folder using react-native start

fungilation · 2017-07-06T02:47:19Z

Manual react-native start works for me too after building everything else, as a workaround.

But the usual and complete react-native run-ios workflow is busted and still need fixing, obviously. The other workarounds posted previously (with .babelrc and such) doesn't work for me.

thatjuan · 2017-07-06T02:49:22Z

This is happening on an existing project I just upgraded to 0.46.

I got it working by deleting .babelrc as per @JavierM84

ArnonHongklay · 2017-07-06T02:49:45Z

@fungilation it works!

lslvxy · 2017-07-06T03:40:46Z

+1

yogieputra8 · 2017-07-06T03:59:05Z

+1

anhld · 2017-07-06T04:07:12Z

Same issue, + 1.

namqdam · 2017-07-06T04:13:02Z

I change "babel-preset-react-native" back to version "2.0.0" and everything is working.

messense · 2017-07-06T06:42:04Z

+1

JimmyDaddy · 2017-07-06T06:50:50Z

I got this problem too.
If I delete .babelrc I will encounter this problem #14209
So I checked regenerator-transform/package.json found

"devDependencies": {
    "babel-cli": "^6.9.0",
    "babel-plugin-transform-runtime": "^6.9.0",
    "babel-preset-env": "^1.2.2"
  },

babel-cli、babel-plugin-transform-runtime、babel-preset-env haven't installed in node_modules, so I installed them all.
Then I got this guy says Couldn't find preset "es2015" relative to directory ...blabla, so I installed babel-preset-es2015
After that I reencountered #14209. T_T

tomislavHonig · 2017-07-06T07:34:20Z

Can someone who has working version of react native 0.46 project paste a package.json file?

dioxide · 2017-07-06T07:51:38Z

+1

namqdam · 2017-07-06T08:05:27Z

my working package for react native 0.46.0
https://gist.github.com/namdq1969/f82b7ac8157b2db8f6bdf5e19463d8e7

grabbou · 2017-07-06T08:18:05Z

Duplicate of #14530

fungilation · 2017-07-06T17:41:09Z

@tomislavHonig @grabbou my package.json:

{
  "name": "<name>",
  "version": "0.0.1",
  "private": true,
  "eslintConfig": {
    "parserOptions": {
      "ecmaVersion": 6,
      "sourceType": "module",
      "ecmaFeatures": {
        "jsx": true,
        "experimentalObjectRestSpread": true
      }
    },
    "env": {
      "browser": true,
      "node": true
    },
    "plugins": [
      "react",
      "react-native"
    ],
    "rules": {
      "comma-dangle": [
        2,
        "always-multiline"
      ],
      "semi": [
        2,
        "never"
      ],
      "react-native/no-unused-styles": 2,
      "react-native/split-platform-components": 2
    }
  },
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },
  "dependencies": {
    "babel-plugin-idx": "^1.1.0",
    "bugsnag-react-native": "^2.2.3",
    "he": "^1.1.0",
    "lodash": "^4.17.2",
    "moment-timezone": "^0.5.10",
    "node-summary": "file:../node-summary/",
    "react": "16.0.0-alpha.12",
    "react-native": "0.46.0",
    "react-native-blur": "^3.1",
    "react-native-code-push": "3.0.1-beta",
    "react-native-firebase-analytics": "^3.0.0",
    "react-native-fit-image": "^1.4.8",
    "react-native-highlight-words": "^1.0.0",
    "react-native-keep-awake": "^2.0.4",
    "react-native-linear-gradient": "^2.0.0",
    "react-native-modalbox": "^1.3.8",
    "react-native-notification": "^2.0.0",
    "react-native-orientation": "file:../react-native-orientation-RN0.40/",
    "react-native-parallax-scroll-view": "^0.19.0",
    "react-native-safari-view": "^2.0.0",
    "react-native-status-bar-size": "^0.3.2",
    "react-native-swiper": "^1.5.4",
    "react-native-tooltip": "^5.0.0",
    "react-native-tts": "^1.3.0",
    "react-native-vector-icons": "^4.1.1",
    "react-native-webview-bridge": "file:../react-native-webview-bridge-RN0.40/",
    "react-redux": "^5.0.1",
    "realm": "^1.3.1",
    "redux": "^3.6.0",
    "redux-thunk": "^2.1.0"
  },
  "devDependencies": {
    "redux-logger": "^3.0.6"
  }
}

.babelrc:

{
  "presets": ["react-native"],
  "plugins": ["idx"]
}

gonglong · 2017-07-07T04:13:01Z

@JavierM84 thanks it works for me on RN 0.46

SoundBlaster · 2017-07-07T12:19:50Z

No need to delete Babel config - it's important part of the app. Restarting the Terminal and calling the react-native start command help me.

teaualune · 2017-07-10T04:38:58Z

I managed to solve the issue temporarily without removing .babelrc by

install metro-bundler@0.7.8
rm -rf node_modules/react-native/node_modules/metro-bundler

#14530 has more details on this

fungilation · 2017-07-10T08:51:28Z

No need for manual install or deletes. With yarn, all you need is yarn upgrade. #14530 (comment)

BrendonSled changed the title ~~ReferenceError: Unknown plugin "transform-runtime"~~ [0.46] ReferenceError: Unknown plugin "transform-runtime" Jul 5, 2017

grabbou closed this as completed Jul 6, 2017

otoinsa mentioned this issue Jul 6, 2017

react-native-cli is not compatible with npm@5 #14767

Closed

SteveAquino mentioned this issue Jul 7, 2017

UnableToResolveError: Unable to resolve module AccessibilityInfo #14209

Closed

facebook locked as resolved and limited conversation to collaborators Jul 6, 2018

react-native-bot added the Resolution: Locked This issue was locked by the bot. label Jul 18, 2018

[0.46] ReferenceError: Unknown plugin "transform-runtime" #14843

[0.46] ReferenceError: Unknown plugin "transform-runtime" #14843

Comments

BrendonSled commented Jul 5, 2017 • edited Loading

Is this a bug report?

Have you read the Bugs section of the Contributing to React Native Guide?

Environment

Steps to Reproduce

Expected Behavior

Actual Behavior

Reproducible Demo

joostslijkoort commented Jul 5, 2017

mayusha commented Jul 5, 2017

dn-l commented Jul 5, 2017

ryanwhiley commented Jul 5, 2017

fjmorant commented Jul 5, 2017

Nismit commented Jul 5, 2017

fjmorant commented Jul 5, 2017 • edited Loading

chishui commented Jul 5, 2017

andrezacds commented Jul 5, 2017

ronal2do commented Jul 6, 2017

0xdavinchee commented Jul 6, 2017

ronal2do commented Jul 6, 2017

waseemshahwan commented Jul 6, 2017

fungilation commented Jul 6, 2017 • edited Loading

mattfysh commented Jul 6, 2017

WangPinChieh commented Jul 6, 2017

malkhalaf commented Jul 6, 2017

fungilation commented Jul 6, 2017 • edited Loading

thatjuan commented Jul 6, 2017

ArnonHongklay commented Jul 6, 2017

lslvxy commented Jul 6, 2017

yogieputra8 commented Jul 6, 2017

anhld commented Jul 6, 2017

namqdam commented Jul 6, 2017

messense commented Jul 6, 2017

JimmyDaddy commented Jul 6, 2017 • edited Loading

tomislavHonig commented Jul 6, 2017

dioxide commented Jul 6, 2017

namqdam commented Jul 6, 2017

grabbou commented Jul 6, 2017

fungilation commented Jul 6, 2017

gonglong commented Jul 7, 2017

SoundBlaster commented Jul 7, 2017

teaualune commented Jul 10, 2017

fungilation commented Jul 10, 2017

BrendonSled commented Jul 5, 2017 •

edited

Loading

fjmorant commented Jul 5, 2017 •

edited

Loading

fungilation commented Jul 6, 2017 •

edited

Loading

fungilation commented Jul 6, 2017 •

edited

Loading

JimmyDaddy commented Jul 6, 2017 •

edited

Loading