How solve problem with install vue native? - vue.js

When I install vue native. I get this Err.
enter image description here
I cant understand what I need to do.
I find some link about babel Requires Babel "7.0.0-0" but was loaded with "6.26.3"
install and it doesnt work.

I solve it, when I move in my created project, and make command npx babel-upgrade.
It's strange, because I was upgraded babel globaly erly

Related

How to change version of react typescript typings that expo (react native) requires?

Regarding react-native + expo, I would like to use latest #type/react in order to resolve typing issues (i.e. 'MaterialIcons' cannot be used as a JSX component), but expo start always require I install the typescript libraries and then proceeds to insist they be an older version (17.0.21). Why? How can I either ignore this behaviour (btw. answering with 'n' ends the startup and directs to either install the typescript requirements or clean the config of typescript refs -- ok expo thanks for nothing!)
The problem that I was resolving with #types/react is detailed here: 'Stack.Navigator' cannot be used as a JSX component
update to "#types/react": "~18.0.12" ( fix for eslint )
but you cant run project
Bumped into this and after some research I found this github comment from the expo repo. Which made think about this resolutions fix.
In my yarn.lock I have two versions 17.0.21 and 17.0.47, and in my package.json I point to 17.0.21
resolutions": {
"#types/react": "~17.0.21"
},
Ran yarn once again
Opened the VSCode Command Palette -> Typescript:
Reload project
No problems with eslint and was able to run the project.

Why does expo gives error when install native-base

When I try to get native-base and when I run the app. It gives me that error. How can I fix that. I am using expo and I installed expo-font.
PLEASE HELP!
Looks like that's a bug in the native-base package.
There is a PR that resolves this issue, but as of me writing this one - it's still not merged yet.
The only workaround is to either try to install older version of native-base, either fork the native-base package and apply in the native-base code the change which fixes the issue.
Or of course, wait... until native-base contributors accept the PR and release a new version with the fix.

React Native Video

i'm trying to use 'react-native-video' in my application, i have used the following lines to get it:
npm install --save react-native-video
react-native link react-native-video (since my react native version is 0.59)
after doing so and using "Video" component from 'react-native-vide' i got an error like below:
what is the problem? what can i do? any ideas?
You did not link the library properly.
After having installed the library through npm i --save react-native-video, you'll need to run react-native link react-native-video in order to link it. This may or may not work - if it does not, you'll need to link manually according to the installation instructions of the library.
You might be using CocoaPods in which case you'll need to run these commands as well: cd ios && pod install
If you receive an error, you're most likely not using CocoaPods and this is the wrong approach.
Please note that you'll need to reinstall the app on the phone / simulator afterwards since you've changed the native dependencies. You'll also need to do this if you're using (ejected) Expo or anything alike. If you're using Expo with the managed workflow (= not ejected) you're not able to use libraries that depend on native linking.

VsCode Intellisense react native not working

I am facing the problem. I am not getting intellisense of properties onPress onLongPress, paddingHorizontal, paddingVertial even in import when I type Touch then expected Suggestion will be Touchable, TouchableOpacity etc no any suggestion working in react native in vscode.
If anyone still look for a solution,
here, install this npm package #types/react-native by typing in terminal:
npm install --save #types/react-native
This is where I found the solution
So i found an easy solution to this. All you have to do is change your language mode from JavaScript to JavaScript React.
But that only fixes the auto complete issue, to also fix the auto import you can install this vs code extension called npm Intellisense by Christian Kohler.
Link: https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense
You will need to install an extension in VsCode to get that functionality.
vscode-react-native
To install and use the extension, just follow the steps provided from that github repository.
Happy coding!

Installing npm modules makes flex crash with type errors

I'm attempting to use a component in my React Native project, specifically this one:
https://github.com/lucholaf/react-native-grid-view
I run npm install react-native-grid-view in the project's directory, but as soon as I do that, after building I get:
Is the problem that I'm running npm install in the wrong location? I've tried other directories, but then React doesn't see the modules and says "unknown module".
Thanks!
The problem was that the component was pointing to an older version of React Native, 0.3.4. Manually updated to 0.4 and it worked.