Search code examples
androidreact-nativenode-modulesreact-native-reanimated

React-Native-Reanimated: error: node_modules\react-native-reanimated\src\index.ts:

I was making new project and I can't run the android emulator with this error.

enter image description here

enter image description here

It is located at 'node_modules\react-native-reanimated\src\index.ts' and this is just the code there:

// tree-shaken side effects
import './reanimated2/js-reanimated/global';

// @ts-ignore backward compatibility with treeshaking
export * from './reanimated1';
export * from './reanimated2';
export * as default from './Animated';

enter image description here

Im not sure what to do, please help. Thank you in advance!

Solution

  • I also search for an answer and this worked for me.

    Visit this expo reanimated docs link https://docs.expo.dev/versions/latest/sdk/reanimated/#installation

    and I added this in my 'babel.config.js' file

    module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['module:metro-react-native-babel-preset'],
    plugins: ['react-native-reanimated/plugin'],
  };
};

    I think the presets depends if you are using expo. Here is the original code given by the docs:

    module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'],
  };
};

    you can see that I used my default preset which is module:metro.