Search code examples
react-nativereact-native-cli

SyntaxError: You can only use Class Properties when the 'classProperties' plugin is enabled

I am getting the following syntax error when I initialize an app using react-native init MyApp

    SyntaxError: /Users/MyAccount/RNProjects/app/node_modules/react-native/packager/react-packager/src/node-haste/index.js: You can only use Class Properties when the 'classProperties' plugin is enabled. (389:2)
  387 |   }
  388 |
> 389 |   static Cache;
      |   ^
  390 |   static Module;
  391 |   static Polyfill;
  392 |   static getAssetDataFromName;
    at Parser.pp$5.raise (/Users/MyAccount/RNProjects/app/node_modules/babylon/lib/index.js:4380:13)

I have no idea why this is happening all of a sudden. It was working all fine before. I guess I deleted some config files by mistake while tinkering.

Solution

  • Update

    They have updated the package so remove your node modules and reinstall them. rm -rf node_modules and npm install More info

    I was installing the AwesomeProject from getting started.

    $ rm -rf AwesomeProject/
$ react-native init AwesomeProject

    And it worked!

    Original

    An issue has been filed: https://github.com/facebook/react-native/issues/12542

    npm uninstall babylon && npm install babylon@6.15.0 or update the package.json file to include "babylon": "6.15.0"