twitterClone
twitterClone copied to clipboard
EasingNode is not exported from react-native-reanimated
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"
}
}
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'.
See https://github.com/satya164/react-native-tab-view/issues/1067
https://github.com/satya164/react-native-tab-view/issues/1067#issuecomment-839852539