I'm not super confident in terminals/CMD and I'm trying to install Nuxt's Apollo module after setting up a Nuxt project via npx create-nuxt-app. When I do, via npm install #nuxtjs/apollo#latest in my Nuxt directory, I get the following gumf:
npm WARN tailwindcss#2.2.2 requires a peer of autoprefixer#^10.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN vue-cli-plugin-apollo#0.22.2 requires a peer of #vue/cli-shared-utils#^3.0.0 || ^4.0.0-0 but none is installed. You must install peer dependencies yourself.
npm WARN apollo-link-persisted-queries#0.2.2 requires a peer of graphql#^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN ts-node#8.10.2 requires a peer of typescript#>=2.7 but none is installed. You must install peer dependencies yourself.
npm WARN #apollographql/graphql-language-service-interface#2.0.2 requires a peer of graphql#^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN #apollographql/graphql-language-service-utils#2.0.2 requires a peer of graphql#^0.12.0 || ^0.13.0 || ^14.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN #apollographql/graphql-language-service-types#2.0.2 requires a peer of graphql#^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN #apollographql/graphql-language-service-parser#2.0.2 requires a peer of graphql#^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
I've no idea if this is significant. It then invites me to run npm audit fix, which I did, and it then tells me it was able to fix 0 of 15 issues and that they need manually fixing.
What am I doing wrong?
If you are:
not confident with CLI commands
using NPM and not yarn (double check that you don't have any yarn.lock in your project)
don't have any critical issues
You can then proceed safely. Here, you only do have warning and it's pretty the daily routine in the JS world. Nothing to really worry about.
Also, if you are able to run the project without any error in the console (browser and CLI), you're good to go!
Related
$ npm install axios
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\User\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\User\package.json'
npm WARN #babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining#7.13.12 requires a peer of #babel/core#^7.13.0 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 User No description
npm WARN User No repository field.
npm WARN User No README data
npm WARN User No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.13 (node_modules\fetch\node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.13 (node_modules\fetch\node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
+ axios#0.21.1
updated 1 package and audited 2040 packages in 67.534s
135 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
You should run npm install axios from the folder where is located your package.json file. Be sure to move in the root of your project before running npm install
I have a problem while running the npm install command. Some packages are not in the correct version and I don't know how to fix this problem.
The project is in react-native and I use android studio and the version of npm is v6.14.11 and node is v14.15.4.
Applying patches...
No patch files found
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#^1.2.7 (node_modules\jest-haste-map\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN #react-native-community/cameraroll#1.0.3 requires a peer of react-native#>=0.57 <0.59 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-country-picker-modal#1.11.0 requires a peer of react-dom#* but none is installed. You must install peer dependencies yourself.
npm WARN react-native-country-picker-modal#1.11.0 requires a peer of react-native-web#* but none is installed. You must install peer dependencies yourself.
npm WARN react-native-fs#2.16.6 requires a peer of react-native#^0.59.5 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-fs#2.16.6 requires a peer of react-native-windows#^0.57.2 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-loader#1.3.1 requires a peer of #react-native-community/art#^1.0.3 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-pulse-loader#1.0.3 requires a peer of react-native#^0.27 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-pulse-loader#1.0.3 requires a peer of prop-types#15.6.1 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-sound-recorder#1.5.0 requires a peer of react-native#^0.46.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-native-vector-icons#6.7.0 requires a peer of #react-native-community/toolbar-android#^0.1.0-rc.1 but none is installed. You must install peer dependencies yourself.
npm WARN #sentry/react#5.29.2 requires a peer of react-dom#15.x || 16.x || 17.x but none is installed. You must install peer dependencies yourself.
npm WARN #codler/react-native-keyboard-aware-scroll-view#1.0.1 requires a peer of react-native#>=0.63.0 but none is installed. You must install peer dependencies yourself.
npm WARN #react-native-community/datetimepicker#3.0.9 requires a peer of react-native-windows#>=0.62 but none is installed. You must install peer dependencies yourself.
npm WARN modal-react-native-web#0.2.0 requires a peer of react-art#16.x.x but none is installed. You must install peer dependencies yourself.
npm WARN modal-react-native-web#0.2.0 requires a peer of react-dom#16.x.x but none is installed. You must install peer dependencies yourself.
npm WARN modal-react-native-web#0.2.0 requires a peer of react-native-web#0.9.x but none is installed. You must install peer dependencies yourself.
npm WARN #typescript-eslint/parser#1.13.0 requires a peer of eslint#^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN #typescript-eslint/eslint-plugin#1.13.0 requires a peer of eslint#^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-plugin-react#7.12.4 requires a peer of eslint#^3.0.0 || ^4.0.0 || ^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-plugin-react-native#3.6.0 requires a peer of eslint#^3.17.0 || ^4 || ^5 but none is installed. You must install peer dependencies yourself.
npm WARN tsutils#3.19.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.
added 1506 packages from 942 contributors and audited 1513 packages in 229.863s
51 packages are looking for funding
run `npm fund` for details
found 5 low severity vulnerabilities
run `npm audit fix` to fix them, or `npm audit` for details
These are warnings, if you see the final message says that the packages was added successfully :)
When trying to install material icons i receive these errors:
npm WARN notsup Unsupported engine for #material-ui/core#4.11.0: wanted: {"node":">=8.0.0"} (current: {"node":"6.10.3","npm":"6.14.4"})
npm WARN notsup Not compatible with your version of node/npm: #material-ui/core#4.11.0
npm WARN #material-ui/core#4.11.0 requires a peer of react-dom#^16.8.0 but none is installed. You must install peer dependencies yourself.
Does anyone know what to do in order to fix the issue?
chamika#chamika-MS-7817:~/Documents/React Native Projects/navi$ npm install react-navigation
npm WARN #react-native-community/masked-view#0.1.5 requires a peer of react-native#^0.57 but none is installed. You must install peer dependencies yourself.
npm WARN #typescript-eslint/eslint-plugin#2.15.0 requires a peer of #typescript-eslint/parser#^2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-config-react-app#5.1.0 requires a peer of #typescript-eslint/parser#2.x but none is installed. You must install peer dependencies yourself.
npm WARN eslint-config-react-app#5.1.0 requires a peer of eslint#6.x but none is installed. You must install peer dependencies yourself.
npm WARN react-navigation-stack#2.0.10 requires a peer of react-native-safe-area-context#^0.6.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#2.1.2 (node_modules/react-scripts/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#2.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.11 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.11: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
react-navigation#4.0.10
updated 1 package and audited 1858915 packages in 11.492s
35 packages are looking for funding
run npm fund for details
found 4 low severity vulnerabilities
run npm audit fix to fix them, or npm audit for details
These are not errors, they are just warnings that you need to install the sub-dependencies of the given package yourself. React Navigation is installed successfully in this case and you can use it fine. You can try doing npm audit fix which will try to fix these warnings by installing the dependencies.
dev#1d821be6e48f:~/project$ npm i
npm WARN #ngtools/webpack#7.2.1 requires a peer of #angular/compiler-cli#>=5.0.0 <8.0.0 || ^7.0.0-beta.0 but none is installed. You must install peer dependencies yourself.
npm WARN css-loader#2.1.0 requires a peer of webpack#^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN tsutils#2.29.0 requires a peer of typescript#>=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev || >= 3.0.0-dev || >= 3.1.0-dev but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.6 (node_modules/#angular-devkit/build-angular/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.6: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.6 (node_modules/#angular/cli/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.6: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents#1.2.6 (node_modules/#angular/compiler-cli/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents#1.2.6: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
added 1 package from 1 contributor, moved 1 package and audited 37762 packages in 7.365s
found 0 vulnerabilities
I see that package.json HAS typescript and #angular/compiler-cli. I dont't get NPM logs... What am i missing?
Here is piece of package.json
"devDependencies": {
"#angular/compiler-cli": "^7.2.0",
"typescript": "~3.2.2"
}
How to translate this? typescript#>=2.1.0 I can't find any good docs concerning version ranges...
Why WARN messages are appearing?
try the below command on cmd
npm install -g angular-cli#7.2.0