Hello
StefaniaJ opened this issue · comments
Hi, I followed the steps to install it and I have a problem. It says:
./node_modules/react-native-rotary/index.js
SyntaxError: C:\Users\lenovo\Desktop\exam2019\node_modules\react-native-rotary\index.js: Unexpected token (93:12)
91 | );
92 | return (
93 | <Animated.View
| ^
94 | key={index}
95 | style={{
96 | opacity: scale,
Do I have to install something else?
Thank you!
yes
Okay, that's no problem. You just need to tell Webpack that you want to compile react-native-rotary with Babel by updating the include path for the Babel plugin (as you start to use other dependencies, you'll find this is a pretty common step):
project-dir/config/webpack.config.dev.js
Look for the line with says "Process the application JS with Babel."
// Process application JS with Babel.
// The preset includes JSX, Flow, and some ESnext features.
{
test: /\.(js|mjs|jsx|ts|tsx)$/,
// change your include from include: paths.appSrc to the array below:
include: [
paths.appSrc,
path.resolve(paths.appNodeModules, "react-native-rotary"),
],
{ ...extraConfig }
}I'm sorry, I'm using react native app. is it a different?
That's okay. What device are you running this on?
Laptop
Okay, so when you run your app you want to see it load in a Web Browser? Just to check, how do you start your app? Are you doing something like:
npm run android # or yarn android
npm run web # or yarn web
npm run ios # or yarn ios
Yes, this is what I want and I'm using npm start
Okay, so provided you have made these changes, stop the metro bundler (which you've ran using npm start) and then use npm run web to restart the bundler, this plugin should work as expected on localhost:3000. :)