Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

react-native-reanimated #24

Open
Open
@felippepuhle

Description

Is this plugin compatible with react-native-reanimated? I don't know what's happening under the hoods, but declaring a simple new Animated.Value(0) throw a lot of errors:

Browser

./node_modules/react-native-reanimated/src/core/AnimatedBezier.js 129:8
Module parse failed: Unexpected token (129:8)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| 
| export default class AnimatedBezier extends AnimatedNode {
> _value;
| _bezier;

Terminal

 ~/Pr/gatsby-site  master !4 ?2  gatsby develop  ✔  16:50:14
❯ gatsby develop
success open and validate gatsby-configs - 0.071s
success load plugins - 0.741s
success onPreInit - 0.003s
success initialize cache - 0.012s
success copy gatsby files - 0.261s
success onPreBootstrap - 0.016s
success createSchemaCustomization - 0.004s
success source and transform nodes - 0.088s
warn Plugin `gatsby-source-filesystem` tried to define the GraphQL type `File`,
success building schema - 0.357s
success createPages - 0.005s
success createPagesStatefully - 0.107s
success onPreExtractQueries - 0.003s
success update schema - 0.036s
success extract queries from components - 0.274s
success write out requires - 0.040s
success write out redirect data - 0.003s
success Build manifest and related icons - 0.133s
success onPostBootstrap - 0.194s
⠀
info bootstrap finished - 6.622 s
⠀
success run queries - 0.045s - 14/14 309.76/s
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (129:8)
File: node_modules/react-native-reanimated/src/core/AnimatedBezier.js:129:8
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (12:10)
File: node_modules/react-native-reanimated/src/animations/TimingAnimation.js:12:10
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (13:11)
File: node_modules/react-native-reanimated/src/core/AnimatedCall.js:13:11
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (27:40)
File: node_modules/react-native-reanimated/src/createAnimatedComponent.js:27:40
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (36:6)
File: node_modules/react-native-reanimated/src/Transitioning.js:36:6
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (5:7)
File: node_modules/react-native-reanimated/src/core/AnimatedAlways.js:5:7
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (60:8)
File: node_modules/react-native-reanimated/src/core/AnimatedOperator.js:60:8
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (6:12)
File: node_modules/react-native-reanimated/src/core/AnimatedClockTest.js:6:12
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (6:12)
File: node_modules/react-native-reanimated/src/core/AnimatedCond.js:6:12
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (6:12)
File: node_modules/react-native-reanimated/src/core/AnimatedStartClock.js:6:12
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (6:12)
File: node_modules/react-native-reanimated/src/core/AnimatedStopClock.js:6:12
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (6:16)
File: node_modules/react-native-reanimated/src/core/AnimatedClock.js:6:16
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (6:21)
File: node_modules/react-native-reanimated/src/core/AnimatedCode.js:6:21
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (6:8)
File: node_modules/react-native-reanimated/src/core/AnimatedBlock.js:6:8
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (7:10)
File: node_modules/react-native-reanimated/src/core/AnimatedDebug.js:7:10
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (7:7)
File: node_modules/react-native-reanimated/src/core/AnimatedFunction.js:7:7
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (86:15)
File: node_modules/react-native-reanimated/src/core/AnimatedNode.js:86:15
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (8:7)
File: node_modules/react-native-reanimated/src/core/AnimatedSet.js:8:7
 ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
Unexpected token (98:13)
File: node_modules/react-native-reanimated/src/core/AnimatedEvent.js:98:13
failed Building development bundle - 4.594s

@EvanBacon I saw that you've got reanimated web examples running, is there anything we must do before make it works?

I can take a look on it with some initial help.

PS: using 2.0.0-beta.0version

Thanks guys!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions

        AltStyle によって変換されたページ (->オリジナル) /