While following this training unit by Microsoft
Exercise - Use the SPFx PnP reusable property pane controls I encounter errors, any advice on how to resolve these issues?
Environment Info
Platform: Windows
nodeJS v16.18.1
npm 8.19.2
gulp CLI version: 2.3.0
gulp Local version: 4.0.2
yeoman 4.3.1
#microsoft/generator-sharepoint#1.16.1
Problem
When I execute the following command
npm install #pnp/spfx-property-controls --save --save-exact
I get this output:
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-ace#5.8.0
npm WARN Found: react#17.0.1
npm WARN node_modules/#pnp/spfx-property-controls/node_modules/react
npm WARN react#"17.0.1" from #pnp/spfx-property-controls#3.11.0
npm WARN node_modules/#pnp/spfx-property-controls
npm WARN #pnp/spfx-property-controls#"*" from the root project
npm WARN 6 more (#microsoft/sp-core-library, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0" from react-ace#5.8.0
npm WARN node_modules/#pnp/spfx-property-controls/node_modules/react-ace
npm WARN react-ace#"5.8.0" from #pnp/spfx-property-controls#3.11.0
npm WARN node_modules/#pnp/spfx-property-controls
npm WARN
npm WARN Conflicting peer dependency: react#16.14.0
npm WARN node_modules/react
npm WARN peer react#"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0" from react-ace#5.8.0
npm WARN node_modules/#pnp/spfx-property-controls/node_modules/react-ace
npm WARN react-ace#"5.8.0" from #pnp/spfx-property-controls#3.11.0
npm WARN node_modules/#pnp/spfx-property-controls
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-ace#5.8.0
npm WARN Found: react-dom#17.0.1
npm WARN node_modules/#pnp/spfx-property-controls/node_modules/react-dom
npm WARN react-dom#"17.0.1" from #pnp/spfx-property-controls#3.11.0
npm WARN node_modules/#pnp/spfx-property-controls
npm WARN #pnp/spfx-property-controls#"*" from the root project
npm WARN 5 more (#microsoft/sp-core-library, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom#"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0" from react-ace#5.8.0
npm WARN node_modules/#pnp/spfx-property-controls/node_modules/react-ace
npm WARN react-ace#"5.8.0" from #pnp/spfx-property-controls#3.11.0
npm WARN node_modules/#pnp/spfx-property-controls
npm WARN
npm WARN Conflicting peer dependency: react-dom#16.14.0
npm WARN node_modules/react-dom
npm WARN peer react-dom#"^0.13.0 || ^0.14.0 || ^15.0.1 || ^16.0.0" from react-ace#5.8.0
npm WARN node_modules/#pnp/spfx-property-controls/node_modules/react-ace
npm WARN react-ace#"5.8.0" from #pnp/spfx-property-controls#3.11.0
npm WARN node_modules/#pnp/spfx-property-controls
added 50 packages, and audited 2693 packages in 53s
171 packages are looking for funding
run `npm fund` for details
86 vulnerabilities (30 moderate, 47 high, 9 critical)
After performing the edits to the default project template as described in the tutorial gulp serve is successful - no errors, but the workbench displays an error (several other errors in dev tools as well)
The componentId
in message:
Manifest not found for component id "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d" and version "17.0.2". refers to react components.
{
"componentId": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
"componentName": "react",
"componentVersion": "17.0.1",
"isDirectDependency": false
},
{
"componentId": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
"componentName": "react",
"componentVersion": "17.0.2",
"isDirectDependency": true
}
Any help is appreciated.
Related
I am attempting to install the following packages in react-native:
npx expo install #react-navigation/native#5.9.8 #react-navigation/stack#5.14.9 react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context #react-native-community/masked-view expo-constants
It has thrown the following error log:
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react-native-safe-area-context#3.4.1
npm WARN node_modules/react-native-safe-area-context
npm WARN react-native-safe-area-context#"4.3.1" from the root project
npm WARN 2 more (react-native-elements, #react-navigation/stack)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-native-safe-area-context#"^3.1.9" from react-native-elements#3.4.2
npm WARN node_modules/react-native-elements
npm WARN react-native-elements#"3.4.2" from the root project
npm WARN deprecated #react-native-community/masked-view#0.1.11: Repository was moved to #react-native-masked-view/masked-view
added 25 packages, removed 1 package, changed 2 packages, and audited 1185 packages in 12s
54 packages are looking for funding
run `npm fund` for details
6 high severity vulnerabilities
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
> npm install --save #react-native-community/masked-view
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-native-elements#3.4.2
npm ERR! Found: react-native-safe-area-context#4.3.1
npm ERR! node_modules/react-native-safe-area-context
npm ERR! peer react-native-safe-area-context#">= 0.6.0" from #react-navigation/stack#5.14.9
npm ERR! node_modules/#react-navigation/stack
npm ERR! #react-navigation/stack#"5.14.9" from the root project
npm ERR! react-native-safe-area-context#"4.3.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react-native-safe-area-context#"^3.1.9" from react-native-elements#3.4.2
npm ERR! node_modules/react-native-elements
npm ERR! react-native-elements#"3.4.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react-native-safe-area-context#3.4.1
npm ERR! node_modules/react-native-safe-area-context
npm ERR! peer react-native-safe-area-context#"^3.1.9" from react-native-elements#3.4.2
npm ERR! node_modules/react-native-elements
npm ERR! react-native-elements#"3.4.2" 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!
npm ERR! For a full report see:
npm ERR! C:\Users\isena\AppData\Local\npm-cache\_logs\2022-12-09T22_33_54_680Z-eresolve-report.txt
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\isena\AppData\Local\npm-cache\_logs\2022-12-09T22_33_54_680Z-debug-0.log
here is my package-json:
{
"name": "nucampsite",
"version": "1.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web"
},
"dependencies": {
"expo": "^46.0.13",
"expo-status-bar": "^1.4.0",
"react": "^18.0.0",
"react-native": "^0.69.6",
"react-native-elements": "3.4.2",
"#react-navigation/native": "5.9.8",
"#react-navigation/stack": "5.14.9",
"react-native-reanimated": "~2.9.1",
"react-native-gesture-handler": "~2.5.0",
"react-native-screens": "~3.15.0",
"react-native-safe-area-context": "4.3.1",
"expo-constants": "~13.2.4"
},
"devDependencies": {
"#babel/core": "^7.12.9"
},
"private": true
}
I have tried updating react with npm install react#latest
which threw me the following error log:
npm install react#latest
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react#18.0.0
npm WARN node_modules/react
npm WARN peer react#">=16.0" from #react-native-community/masked-view#0.1.11
npm WARN node_modules/#react-native-community/masked-view
npm WARN peer #react-native-community/masked-view#">= 0.1.0" from #react-navigation/stack#5.14.9
npm WARN node_modules/#react-navigation/stack
npm WARN 13 more (#react-navigation/core, #react-navigation/native, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"18.0.0" from react-native#0.69.6
npm WARN node_modules/react-native
npm WARN peer react-native#"*" from #react-native-community/cli#8.0.6
npm WARN node_modules/#react-native-community/cli
npm WARN 11 more (#react-native-community/masked-view, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react#18.0.0
npm WARN node_modules/react
npm WARN peer react#">=16.0" from #react-native-community/masked-view#0.1.11
npm WARN node_modules/#react-native-community/masked-view
npm WARN peer #react-native-community/masked-view#">= 0.1.0" from #react-navigation/stack#5.14.9
npm WARN node_modules/#react-navigation/stack
npm WARN 13 more (#react-navigation/core, #react-navigation/native, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"18.0.0" from react-native#0.69.6
npm WARN node_modules/react-native
npm WARN peer react-native#"*" from #react-native-community/cli#8.0.6
npm WARN node_modules/#react-native-community/cli
npm WARN 11 more (#react-native-community/masked-view, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react#18.0.0
npm WARN node_modules/react
npm WARN peer react#">=16.0" from #react-native-community/masked-view#0.1.11
npm WARN node_modules/#react-native-community/masked-view
npm WARN peer #react-native-community/masked-view#">= 0.1.0" from #react-navigation/stack#5.14.9
npm WARN node_modules/#react-navigation/stack
npm WARN 13 more (#react-navigation/core, #react-navigation/native, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"18.0.0" from react-native#0.69.6
npm WARN node_modules/react-native
npm WARN peer react-native#"*" from #react-native-community/cli#8.0.6
npm WARN node_modules/#react-native-community/cli
npm WARN 11 more (#react-native-community/masked-view, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react#18.0.0
npm WARN node_modules/react
npm WARN peer react#">=16.0" from #react-native-community/masked-view#0.1.11
npm WARN node_modules/#react-native-community/masked-view
npm WARN peer #react-native-community/masked-view#">= 0.1.0" from #react-navigation/stack#5.14.9
npm WARN node_modules/#react-navigation/stack
npm WARN 13 more (#react-navigation/core, #react-navigation/native, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"18.0.0" from react-native#0.69.6
npm WARN node_modules/react-native
npm WARN peer react-native#"*" from #react-native-community/cli#8.0.6
npm WARN node_modules/#react-native-community/cli
npm WARN 11 more (#react-native-community/masked-view, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react#18.0.0
npm WARN node_modules/react
npm WARN peer react#">=16.0" from #react-native-community/masked-view#0.1.11
npm WARN node_modules/#react-native-community/masked-view
npm WARN peer #react-native-community/masked-view#">= 0.1.0" from #react-navigation/stack#5.14.9
npm WARN node_modules/#react-navigation/stack
npm WARN 13 more (#react-navigation/core, #react-navigation/native, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"18.0.0" from react-native#0.69.6
npm WARN node_modules/react-native
npm WARN peer react-native#"*" from #react-native-community/cli#8.0.6
npm WARN node_modules/#react-native-community/cli
npm WARN 11 more (#react-native-community/masked-view, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react#18.0.0
npm WARN node_modules/react
npm WARN peer react#">=16.0" from #react-native-community/masked-view#0.1.11
npm WARN node_modules/#react-native-community/masked-view
npm WARN peer #react-native-community/masked-view#">= 0.1.0" from #react-navigation/stack#5.14.9
npm WARN node_modules/#react-navigation/stack
npm WARN 13 more (#react-navigation/core, #react-navigation/native, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"18.0.0" from react-native#0.69.6
npm WARN node_modules/react-native
npm WARN peer react-native#"*" from #react-native-community/cli#8.0.6
npm WARN node_modules/#react-native-community/cli
npm WARN 11 more (#react-native-community/masked-view, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: nucampsite#1.0.0
npm WARN Found: react#18.0.0
npm WARN node_modules/react
npm WARN peer react#">=16.0" from #react-native-community/masked-view#0.1.11
npm WARN node_modules/#react-native-community/masked-view
npm WARN peer #react-native-community/masked-view#">= 0.1.0" from #react-navigation/stack#5.14.9
npm WARN node_modules/#react-navigation/stack
npm WARN 13 more (#react-navigation/core, #react-navigation/native, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"18.0.0" from react-native#0.69.6
npm WARN node_modules/react-native
npm WARN peer react-native#"*" from #react-native-community/cli#8.0.6
npm WARN node_modules/#react-native-community/cli
npm WARN 11 more (#react-native-community/masked-view, ...)
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-native-elements#3.4.2
npm ERR! Found: react-native-safe-area-context#4.3.1
npm ERR! node_modules/react-native-safe-area-context
npm ERR! peer react-native-safe-area-context#">= 0.6.0" from #react-navigation/stack#5.14.9
npm ERR! node_modules/#react-navigation/stack
npm ERR! #react-navigation/stack#"5.14.9" from the root project
npm ERR! react-native-safe-area-context#"4.3.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react-native-safe-area-context#"^3.1.9" from react-native-elements#3.4.2
npm ERR! node_modules/react-native-elements
npm ERR! react-native-elements#"3.4.2" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react-native-safe-area-context#3.4.1
npm ERR! node_modules/react-native-safe-area-context
npm ERR! peer react-native-safe-area-context#"^3.1.9" from react-native-elements#3.4.2
npm ERR! node_modules/react-native-elements
npm ERR! react-native-elements#"3.4.2" 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.
Thanks for the help!
UPDATE:
The fix I discovered was very simple: instead of forcing the installs through with --force or --legacy-peer-deps, I actually deleted the line
"react-native-safe-area-context": "4.3.1"
from my package.json.
I am in a coding bootcamp and that is the solution we figured out with our instructor.
After I installed hexo, I used npm install to complete the packages in package.json, but he reported an error, the content of the error is as follows
❯ node --version
v18.12.1
❯ npm --version
9.1.3
❯ npm install
············
npm WARN dev eslint-config-standard#"12.0.0" from compression#1.7.4
npm WARN node_modules/.pnpm/compression#1.7.4/node_modules/compression
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: babel-eslint#11.0.0-beta.2
npm WARN Found: eslint#5.16.0
npm WARN node_modules/.pnpm/cross-spawn#7.0.3/node_modules/eslint
npm WARN dev eslint#"^5.16.0" from cross-spawn#7.0.3
npm WARN node_modules/.pnpm/cross-spawn#7.0.3/node_modules/cross-spawn
npm WARN cross-spawn#7.0.3
npm WARN node_modules/.pnpm/hexo-util#2.7.0/node_modules/cross-spawn
npm WARN cross-spawn#7.0.3
npm WARN node_modules/.pnpm/node_modules/cross-spawn
npm WARN 4 more (eslint-config-moxy, eslint-plugin-babel, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer eslint#">= 6.0.0" from babel-eslint#11.0.0-beta.2
npm WARN node_modules/.pnpm/cross-spawn#7.0.3/node_modules/babel-eslint
npm WARN babel-eslint#"^11.0.0-beta.0" from eslint-config-moxy#7.1.0
npm WARN node_modules/.pnpm/cross-spawn#7.0.3/node_modules/eslint-config-moxy
npm ERR! Cannot read properties of null (reading 'matches')
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/zhangyun/.npm/_logs/2022-12-02T01_51_51_393Z-debug-0.log
I tried running npm cache clear --force, or changing the npm mirror, but that didn't work
Im upgrading my project to react v18. Im using multiple packages relying on react v17.
My process for doing the upgrade is to update react to v18 and run npm install.
It gives peer dependency errors. I go and fix one by one.
I run npm install after updating a package version to one that supports react v18.
But something "weird" is happening. First time I run npm install it throws me warning:
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-popper#2.2.5
npm WARN Found: react#18.2.0
npm WARN node_modules/react
npm WARN peer react#"0.14.x || ^15.0.0 || ^16.0.0 || ^17.0.0" from react-popper#1.3.11
npm WARN node_modules/#blueprintjs/core/node_modules/react-popper
npm WARN react-popper#"^1.3.7" from #blueprintjs/core#4.6.0
npm WARN node_modules/#blueprintjs/core
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react#"^16.8.0 || ^17" from react-popper#2.2.5
npm WARN node_modules/#blueprintjs/popover2/node_modules/react-popper
npm WARN react-popper#"^2.2.4" from #blueprintjs/popover2#1.4.2
npm WARN node_modules/#blueprintjs/popover2
Ok, I got warnings but installation is not broken. Now, if I run again npm install without modifying anything it will throw errors:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: #storybook/addon-essentials#6.4.22
npm ERR! Found: react#18.2.0
npm ERR! node_modules/react
npm ERR! react#"18.2.0" from the root project
npm ERR! peer react#"^16.8 || 17 || 18" from #blueprintjs/core#4.6.0
npm ERR! node_modules/#blueprintjs/core
npm ERR! #blueprintjs/core#"^4.6.0" from the root project
npm ERR! #blueprintjs/core#"^4.6.0" from #blueprintjs/datetime#4.3.2
npm ERR! node_modules/#blueprintjs/datetime
npm ERR! #blueprintjs/datetime#"^4.3.2" from the root project
npm ERR! 1 more (#blueprintjs/popover2)
npm ERR! 39 more (#blueprintjs/datetime, #blueprintjs/popover2, ...)
npm ERR!
Why it did not throw these errors with the first npm install ?
It looks weird to me that at first it only throws warnings but executing npm install a second time it does actually throw. I could clearly see issues into committing package-lock.json changes where there are only warnings to find later that running npm install throws errors.
Is this execution normal ?
Not sure if this question is for stack overflow or some other channel. Please, let me know if it does not belong to here.
PS E:\React Native\contacts> npm i #react-navigation/native
npm WARN jscodeshift#0.11.0 requires a peer of #babel/preset-env#^7.1.6 but none is installed. You must install peer dependencies yourself.
npm WARN react-native#0.64.2 requires a peer of react#17.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN react-shallow-renderer#16.14.1 requires a peer of react#^16.0.0 || ^17.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-test-renderer#17.0.1 requires a peer of react#17.0.1 but none is installed. You must install peer dependencies yourself.
npm WARN tsutils#3.21.0 requires a peer of typescript#>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev
|| >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN use-subscription#1.5.1 requires a peer of react#^16.8.0 || ^17.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN #react-navigation/native#5.9.4 requires a peer of react#* but none is installed. You
must install peer dependencies yourself.
npm WARN #react-navigation/core#5.15.3 requires a peer of react#* but none is installed. You must install peer dependencies yourself.
npm ERR! code ENOENT
npm ERR! syscall rename
npm ERR! path E:\React Native\contacts\node_modules#react-navigation\core\node_modules\react-is
npm ERR! dest E:\React Native\contacts\node_modules#react-navigation\core\node_modules.react-is.DELETE
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, rename 'E:\React Native\contacts\node_modules#react-navigation\core\node_modules\react-is' -> 'E:\React Native\contacts\node_modules#react-navigation\core\node_modules.react-is.DELETE'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Hello\AppData\Roaming\npm-cache_logs\2021-06-10T04_29_31_173Z-debug.log
The reason behind this is that npm deprecated [auto-installing of peerDependencies] since npm#3, so required peer dependencies like babel-core and webpack must be listed explicitly in your package.json.
All that you need to do is to install babel-core.
https://github.com/npm/npm/issues/6565
I think there is running android emulator, try to close all of android related consoles and retry the installation.
the solution of error to install NPM navigation dependencies packages:
choose one of these!
1: upgrade #react-native-community/masked-view to the latest package which is accepting by react#16 and react#17.
2: downgrade your root project's react version to 16
I hope this is helpful.
I solved this error.
just run the command as globally
npm install -g #react-navigation/native
May be it shows some warnings but still your package will be installed
I’m having trouble adding a dependency to my React (Native) project. I’m trying to use createBottomMaterialNavigator, and the docs say it needs a certain library and says to install it thusly: npm install react-navigation-material-bottom-tabs react-native-paper
I’ve run this, and also run it with npm install --save ...etc. First of all, I don’t see any change in my package.json file where I’d expect to see the new library show up, right?
When I add import { createMaterialBottomTabNavigator } from "react-navigation-material-bottom-tabs"; to my project, I get an error that the module does not exist. (which does make sense)
Can anyone help me figure out what I’m doing wrong?
UPDATE: I've tried npm link, no luck:
sudo npm link react-navigation-material-bottom-tabs react-native-paper
Password:
npm WARN react-navigation-material-bottom-tabs#1.0.0 requires a peer of react#* but none is installed. You must install peer dependencies yourself.
npm WARN react-navigation-material-bottom-tabs#1.0.0 requires a peer of react-native#* but none is installed. You must install peer dependencies yourself.
npm WARN react-navigation-material-bottom-tabs#1.0.0 requires a peer of react-native-paper#^2.2.2 but none is installed. You must install peer dependencies yourself.
npm WARN react-navigation-material-bottom-tabs#1.0.0 requires a peer of react-navigation#>=2.0 || ^2.0.0-beta but none is installed. You must install peer dependencies yourself.
npm WARN react-navigation-tabs#1.0.0 requires a peer of react#* but none is installed. You must install peer dependencies yourself.
npm WARN react-navigation-tabs#1.0.0 requires a peer of react-native#* but none is installed. You must install peer dependencies yourself.
npm WARN react-navigation-tabs#1.0.0 requires a peer of react-native-screens#^1.0.0 || ^1.0.0-alpha but none is installed. You must install peer dependencies yourself.
npm WARN react-native-tab-view#1.3.4 requires a peer of react#* but none is installed. You must install peer dependencies yourself.
npm WARN react-native-tab-view#1.3.4 requires a peer of react-native#* but none is installed. You must install peer dependencies yourself.
+ react-navigation-material-bottom-tabs#1.0.0
added 10 packages from 5 contributors in 1.023s
/Users/TuzMacbookPro2017/Library/Mobile Documents/com~apple~CloudDocs/Development/QMG/Learning/Tuz1App/node_modules/react-navigation-material-bottom-tabs -> /usr/local/lib/node_modules/react-navigation-material-bottom-tabs
> fsevents#1.2.7 install /usr/local/lib/node_modules/react-native-paper/node_modules/fsevents
> node install
node-pre-gyp WARN Using needle for node-pre-gyp https download
node-pre-gyp WARN Pre-built binaries not installable for fsevents#1.2.7 and node#11.12.0 (node-v67 ABI, unknown) (falling back to source compile with node-gyp)
node-pre-gyp WARN Hit error EACCES: permission denied, mkdir '/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/lib'
gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/build'
gyp ERR! System Darwin 18.2.0
gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "configure" "--fallback-to-build" "--module=/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64/fse.node" "--module_name=fse" "--module_path=/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64" "--napi_version=4" "--node_abi_napi=napi"
gyp ERR! cwd /usr/local/lib/node_modules/react-native-paper/node_modules/fsevents
gyp ERR! node -v v11.12.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
node-pre-gyp ERR! build error
node-pre-gyp ERR! stack Error: Failed to execute '/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64/fse.node --module_name=fse --module_path=/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64 --napi_version=4 --node_abi_napi=napi' (1)
node-pre-gyp ERR! stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/node_modules/node-pre-gyp/lib/util/compile.js:83:29)
node-pre-gyp ERR! stack at ChildProcess.emit (events.js:197:13)
node-pre-gyp ERR! stack at maybeClose (internal/child_process.js:988:16)
node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:265:5)
node-pre-gyp ERR! System Darwin 18.2.0
node-pre-gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/node_modules/node-pre-gyp/bin/node-pre-gyp" "install" "--fallback-to-build"
node-pre-gyp ERR! cwd /usr/local/lib/node_modules/react-native-paper/node_modules/fsevents
node-pre-gyp ERR! node -v v11.12.0
node-pre-gyp ERR! node-pre-gyp -v v0.10.3
node-pre-gyp ERR! not ok
Failed to execute '/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64/fse.node --module_name=fse --module_path=/usr/local/lib/node_modules/react-native-paper/node_modules/fsevents/lib/binding/Release/node-v67-darwin-x64 --napi_version=4 --node_abi_napi=napi' (1)
npm WARN react-native-paper#2.14.0 requires a peer of react#* but none is installed. You must install peer dependencies yourself.
npm WARN react-native-paper#2.14.0 requires a peer of react-native#* but none is installed. You must install peer dependencies yourself.
npm WARN react-native-paper#2.14.0 requires a peer of react-native-vector-icons#* but none is installed. You must install peer dependencies yourself.
npm WARN react-native-safe-area-view#0.12.0 requires a peer of react#* but none is installed. You must install peer dependencies yourself.
npm WARN react-native-safe-area-view#0.12.0 requires a peer of react-native#* but none is installed. You must install peer dependencies yourself.
npm WARN create-react-context#0.2.3 requires a peer of react#^0.14.0 || ^15.0.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN #callstack/react-theme-provider#1.0.7 requires a peer of react#^15.3.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.7 (node_modules/react-native-paper/node_modules/fsevents):
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.7 install: `node install`
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: Exit status 1
+ react-native-paper#2.14.0
added 231 packages from 217 contributors in 9.078s
npm ERR! Link target resolves to the same directory as link source: /usr/local/lib/node_modules/react-native-paper
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/TuzMacbookPro2017/.npm/_logs/2019-03-22T16_09_34_044Z-debug.log