Develop Reference

¿How can i add an npm install --force when i execute ionic build android?

I execute this command
ionic capacitor sync android
But i had this conflictive modules ->
C:\Users\DELL\Documents\inspecciones\inpecciones-app>ionic capacitor sync android
> npm.cmd i -E #capacitor/android#3.1.1
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #angular-devkit/build-angular#15.1.5
npm ERR! Found: #angular/compiler-cli#12.0.5
npm ERR! node_modules/#angular/compiler-cli
npm ERR! dev #angular/compiler-cli#"~12.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer #angular/compiler-cli#"^15.0.0" from #angular-devkit/build-angular#15.1.5
npm ERR! node_modules/#angular-devkit/build-angular
npm ERR! dev #angular-devkit/build-angular#"^15.1.5" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: #angular/compiler-cli#15.1.4
npm ERR! node_modules/#angular/compiler-cli
npm ERR! peer #angular/compiler-cli#"^15.0.0" from #angular-devkit/build-angular#15.1.5
npm ERR! node_modules/#angular-devkit/build-angular
npm ERR! dev #angular-devkit/build-angular#"^15.1.5" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\DELL\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\DELL\AppData\Local\npm-cache\_logs\2023-02-14T21_22_36_075Z-debug-0.log
[ERROR] An error occurred while running subprocess npm.
npm.cmd i -E #capacitor/android#3.1.1 exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.
So when it runs -> execute an npm i but i want to add an --force

In your package.json you can define custom scripts that can run multiple commands after each other.
Below is an Implementation that
installs npm Packages with -force flag
builds your ionic project
syncs your ionic build with your android build
opens android studio with your android project
To implement add this to your package.json:
"scripts":
{
"android": "npm i -force && ionic build && ionic capacitor sync android && ionic capacitor open android"
}
The script can be called with
npm run %script name%
So in this case:
npm run android

npm ERR! could not resolve error while using `npx react-native init`

I want to create a new react-native app using react-native cli, so I used the command npx react-native init newApp according to the documentation at https://reactnative.dev/docs/environment-setup. While executing this I am getting npm error logs as follows:
PS D:\Android development> npx react-native init newApp
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
Need to install the following packages:
react-native#0.70.3
Ok to proceed? (y) y
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: undefined#undefined
npm ERR! Found: react-native#0.68.1
npm ERR! node_modules/react-native
npm ERR! peer react-native#"*" from #react-native-community/cli#7.0.3
npm ERR! node_modules/#react-native-community/cli
npm ERR! #react-native-community/cli#"^7.0.3" from react-native#0.68.1
npm ERR! react-native#"0.70.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! react-native#"0.70.3" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react#18.1.0
npm ERR! node_modules/react
npm ERR! peer react#"18.1.0" from react-native#0.70.3
npm ERR! node_modules/react-native
npm ERR! react-native#"0.70.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\abhad\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\abhad\AppData\Local\npm-cache\_logs\2022-10-13T07_58_54_900Z-debug-0.log
Can anyone solve this? Please suggest a solution.

I just fixed this issue. Looks like its a problem with npm.
I just ran npm config set legacy-peer-deps true before running npx react-native init newApp (according to https://github.com/facebook/react-native/issues/34051) and this fixed all!

Error while installing react-native-vcard package

I am trying to install 'React Native vCards' plugin for my react-native application. But when I run
npm install react-native-vcards#https://github.com/idxbroker/react-native-vcards.git --save
I am getting following errors
npm ERR! Error while executing:
npm ERR! /usr/bin/git ls-remote -h -t
https://github.com/idxbroker/react-native-vcards.git
npm ERR!
npm ERR! remote: Invalid username or password.
npm ERR! fatal: Authentication failed for
'https://github.com/idxbroker/react-native-vcards.git/'
npm ERR!
npm ERR! exited with error code: 128
npm ERR! A complete log of this run can be found in:
npm ERR! /home/dijish/.npm/_logs/2018-09-02T10_18_24_987Z-
debug.log

Instead of this command
npm install react-native-vcards#https://github.com/idxbroker/react-native-vcards.git --save
Add "vcards-js": "git+https://git#github.com/idxbroker/vCards-js#react-native" to package.json dependencies
and run npm install
and use this plugin as import vCard from 'vcards-js';

Try this
npm install react-native-vcards#https://github.com/hammadj/react-native-vcards --save

npm installation with firebase functions

i faced this error while i trying to install npm using cmd on windows 10
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! grpc#1.6.6 install: `node-pre-gyp install --fallback-to-build --library=static_library`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the grpc#1.6.6 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\MANA\AppData\Roaming\npm-cache\_logs\2017-11-21T07_27_36_499Z-debug.log
NPM install failed, continuing with Firebase initialization...
i Writing configuration info to firebase.json...
i Writing project information to .firebaserc...
+ Firebase initialization complete!

React Native Could Not Install

I am attempting to run the React Native sample on Android, located: https://github.com/brentvatne/react-native-scrollable-tab-view
Following the steps:
cd ...\react-native-scrollable-tab-view-master\examples\FacebookTabsExample
npm install ---fails
The error on this step is:
C:\Users\KJA\ReactNativeProjects\FacebookTabsExample>npm install
npm ERR! addLocal Could not install C:\Users\KJA
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\
node_modules\\npm\\bin\\npm-cli.js" "install"
npm ERR! node v5.7.0
npm ERR! npm v3.6.0
npm ERR! code EISDIR
npm ERR! errno -4068
npm ERR! syscall read
npm ERR! eisdir EISDIR: illegal operation on a directory, read
npm ERR! eisdir This is most likely not a problem with npm itself
npm ERR! eisdir and is related to npm not being able to find a package.json in
npm ERR! eisdir a package you are trying to install.
npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\KJA\ReactNativeProjects\FacebookTabsExample\npm-debug.log
I cannot locate why this is the case? How can this be alleviated?

Make sure you have installed the following modules globally first before trying to use this module
react
npm install react -g
react-native
npm install react-native -g
Then try and run the command again.