EasingNode is not exported from react-native-reanimated

Pra3t0r5 commented 3 years ago

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"
    }
}

rusagent commented 3 years ago

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'.

dalcib commented 3 years ago

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

Jayaramstarr commented 3 years ago

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

Trancever / twitterClone

EasingNode is not exported from react-native-reanimated #17