twitterClone icon indicating copy to clipboard operation
twitterClone copied to clipboard

EasingNode is not exported from react-native-reanimated

Open Pra3t0r5 opened this issue 4 years ago • 3 comments

First of all, amazing repo and tutorial, I've used it as template for a RN monorepo that uses Javascript based react-native-web and yarn workspaces to build both mobile and web variants. I've migrated most of the components with very little change, by hand (just to understand better each step) but when launching the web variant i'm getting:

Failed to compile
/home/praetors/Projects/node/proyectoSembrar/node_modules/react-native-tab-view/lib/module/TabBarIndicator.js
Attempted import error: 'EasingNode' is not exported from 'react-native-reanimated'.
This error occurred during the build time and cannot be dismissed.

In the other hand, the mobile version gives me a plain white screen and this logging in metro:

[Fri Aug 21 2020 15:17:26.600]  BUNDLE  ./index.js 

[Fri Aug 21 2020 15:18:55.771]  WARN     Require cycle: node_modules/react-native-paper/src/components/Checkbox/Checkbox.tsx -> node_modules/react-native-paper/src/components/Checkbox/CheckboxItem.tsx -> node_modules/react-native-paper/src/components/Checkbox/Checkbox.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.773]  WARN     Require cycle: node_modules/react-native-paper/src/components/FAB/FAB.tsx -> node_modules/react-native-paper/src/components/FAB/FABGroup.tsx -> node_modules/react-native-paper/src/components/FAB/FAB.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.774]  WARN     Require cycle: node_modules/react-native-paper/src/components/RadioButton/RadioButton.tsx -> node_modules/react-native-paper/src/components/RadioButton/RadioButtonItem.tsx -> node_modules/react-native-paper/src/components/RadioButton/RadioButton.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.775]  WARN     Require cycle: node_modules/react-native-paper/src/components/Appbar/Appbar.tsx -> node_modules/react-native-paper/src/components/Appbar/AppbarHeader.tsx -> node_modules/react-native-paper/src/components/Appbar/Appbar.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.775]  WARN     Require cycle: node_modules/react-native-paper/src/components/ToggleButton/ToggleButton.tsx -> node_modules/react-native-paper/src/components/ToggleButton/ToggleButtonRow.tsx -> node_modules/react-native-paper/src/components/ToggleButton/ToggleButton.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Fri Aug 21 2020 15:18:55.776]  LOG      Running "proyectoSembrar" with {"rootTag":1}

My package.json all like this:

{
    "name": "commons",
    "version": "0.0.1",
    "private": true,
    "dependencies": {
        "@react-native-community/async-storage": "^1.11.0",
        "@react-native-community/masked-view": "^0.1.10",
        "@react-navigation/bottom-tabs": "^5.8.0",
        "@react-navigation/drawer": "^5.9.0",
        "@react-navigation/material-bottom-tabs": "^5.2.16",
        "@react-navigation/native": "^5.7.3",
        "@react-navigation/stack": "^5.9.0",
        "@testing-library/jest-dom": "^4.2.4",
        "@testing-library/react": "^9.3.2",
        "@testing-library/user-event": "^7.1.2",
        "react": "16.13.1",
        "react-art": "^16.13.1",
        "react-dom": "^16.13.1",
        "react-native": "0.63.2",
        "react-native-appearance": "~0.3.3",
        "react-native-paper": "^4.0.1",
        "react-native-tab-view": "^2.13.1",
        "react-native-vector-icons": "^7.0.0",
        "react-native-web": "^0.13.7",
        "react-scripts": "3.4.3"
    },
    "devDependencies": {
        "@babel/core": "^7.11.1",
        "@babel/runtime": "^7.11.2",
        "@react-native-community/eslint-config": "^2.0.0",
        "babel-plugin-react-native-web": "^0.13.7",
        "eslint": "^7.6.0",
        "jest": "^26.3.0",
        "metro-react-native-babel-preset": "^0.62.0",
        "react-app-rewired": "^2.1.6",
        "react-test-renderer": "16.13.1"
    }
}

Pra3t0r5 avatar Aug 21 '20 18:08 Pra3t0r5

I also get this:

G:/repos/twitterClone/node_modules/react-native-tab-view/lib/module/TabBarIndicator.js Attempted import error: 'EasingNode' is not exported from 'react-native-reanimated'.

G:/repos/twitterClone/node_modules/react-native-tab-view/lib/module/Pager.js Attempted import error: 'EasingNode' is not exported from 'react-native-reanimated'.

rusagent avatar Sep 24 '20 17:09 rusagent

See https://github.com/satya164/react-native-tab-view/issues/1067

dalcib avatar Sep 24 '20 18:09 dalcib

https://github.com/satya164/react-native-tab-view/issues/1067#issuecomment-839852539

Jayaramstarr avatar Jun 15 '21 14:06 Jayaramstarr