React-native-reanimated: "react-native-reanimated/plugin" does not work

[fahelmoreira]

Description

Screenshots

Steps To Reproduce

1. add react-native-reanimated/plugin to babel.config.js

Expected behavior

the code to compile

Actual behavior

the bundler crashes

Snack or minimal code example

Package versions

• React: 16.13.1
• React Native: 0.63.2
• React Native Reanimated: 2.0.0-alpha.6

[terrysahaidak]

did you run packager with --reset-cache?

[fahelmoreira]

yes! i did

[fahelmoreira]

still doesn't work, I don't know what to do anymore

[terrysahaidak]

Then it should work. Without any code we won't be able to help you, unfortunately.

[fahelmoreira]

that's the bable code

/* eslint-disable func-names */
const rootImportOpts = [
  {
    rootPathSuffix: './src',
    rootPathPrefix: 'src',
  },
  {
    rootPathSuffix: './src/screens',
    rootPathPrefix: 'screens',
  },
  {
    rootPathSuffix: './src/shared-components',
    rootPathPrefix: 'shared-components',
  },
  {
    rootPathSuffix: './src/utils',
    rootPathPrefix: 'utils',
  },
  {
    rootPathSuffix: './assets',
    rootPathPrefix: 'assets',
  },
  {
    rootPathSuffix: './src/context',
    rootPathPrefix: 'context',
  },
];
// require('babel-core').transform('code', { plugins: ['babel-plugin-rewire'] });

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo', '@babel/preset-typescript'],
    sourceMaps: true,
    plugins: [
      [
        'babel-plugin-root-import',
        {
          paths: rootImportOpts,
        },
      ],
      // '@babel/proposal-class-properties',
      // '@babel/proposal-object-rest-spread',
      'transform-class-properties',
      // ['babel-plugin-rewire'],
      'react-native-reanimated/plugin',
    ],
  };
};

[fahelmoreira]

if I remove 'react-native-reanimated/plugin', the error doesn't show but reanimated also don't work, at least the version 2 the version one still works fine

[terrysahaidak]

could you try the reanimated plugin to be the very first one one the list?

[jakub-gonet]

What is your node version? Try using node 12

[fahelmoreira]

it's 10.15.3

[fahelmoreira]

i tried the reanimated-2-playground
git checkout [email protected]:software-mansion-labs/reanimated-2-playground.git
and got the same error

[jakub-gonet]

I think I saw someone having this problem and upgrading node version helped

[fahelmoreira]

It worked! thanks, man!!!

[fahelmoreira]

they could add to the documentation that requires node 12 or above!