npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself

I tried to run a project downloaded from github. Unfortunately, during npm install the following warnings were shown. I tried to change the version based on this question. However, I had a problem, because some packages require multiple versions other packages. Consider these two lines:

npm WARN @angular/[email protected] requires a peer of @angular/core@^4.3.0 but none is installed. You must install peer dependencies yourself.

npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.

So, installing some packages causes the list of dependencies to grow substantially.

Does anyone have a solution?

npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/core@^4.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/common@^4.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/core@^4.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/common@^4.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/compiler@^2.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of webpack@^3.1.0 but none is installed. You must install peer dependencies yourself.

Here are the contents of package.json:

{
  "name": "fireplace",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/name/fireplace.git"
  },
  "author": "name",
  "bugs": {
    "url": "https://github.com/name/fireplace/issues"
  },
  "homepage": "https://github.com/name/fireplace",
  "private": true,
  "dependencies": {
    "@angular/animations": "^4.0.0-rc.2",
    "@angular/common": "^4.0.0-rc.2",
    "@angular/compiler": "^4.0.0-rc.2",
    "@angular/compiler-cli": "^4.0.0-rc.2",
    "@angular/core": "^4.0.0-rc.2",
    "@angular/flex-layout": "^2.0.0-rc.1",
    "@angular/forms": "^4.0.0-rc.2",
    "@angular/http": "^4.0.0-rc.2",
    "@angular/material": "^2.0.0-beta.2",
    "@angular/platform-browser": "^4.0.0-rc.2",
    "@angular/platform-browser-dynamic": "^4.0.0-rc.2",
    "@angular/platform-server": "^4.0.0-rc.2",
    "@angular/router": "^4.0.0-rc.2",
    "@types/lodash": "^4.14.53",
    "angular2-google-maps": "^0.17.0",
    "angular2-moment": "^1.2.0",
    "angularfire2": "^2.0.0-beta.8",
    "core-js": "^2.4.1",
    "d3": "^4.7.1",
    "d3-cloud": "^1.2.4",
    "firebase": "^3.6.10",
    "hammerjs": "^2.0.8",
    "lodash": "^4.17.4",
    "rxjs": "^5.2.0",
    "ts-helpers": "^1.1.1",
    "zone.js": "^0.7.6"
  },
  "devDependencies": {
    "@angular/cli": "^1.0.0-rc.1",
    "@angular/compiler-cli": "^2.4.0",
    "@types/jasmine": "2.5.38",
    "@types/node": "~6.0.60",
    "codelyzer": "~2.0.0",
    "jasmine-core": "2.5.2",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-coverage-istanbul-reporter": "^0.2.1",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "tslint": "~4.4.2",
    "typescript": "^2.2.1",
    "webpack": "^2.2.1"
  }
}

ng serve returns(I pasted only the beginning and the end):

ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/bidi/index.d.ts (8,99): Cannot find module '@angular/cdk/bidi'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/portal/portal.d.ts (8,85): Cannot find module '@angular/cdk/portal'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/portal/portal-directives.d.ts (8,76): Cannot find module '@angular/cdk/portal'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/portal/dom-portal-host.d.ts (8,31): Cannot find module '@angular/cdk/portal'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/ripple/ripple-renderer.d.ts (9,26): Cannot find module '@angular/cdk/platform'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/ripple/ripple-renderer.d.ts (10,31): Cannot find module '@angular/cdk/scrolling'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/ripple/ripple.d.ts (9,31): Cannot find module '@angular/cdk/scrolling'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/ripple/ripple.d.ts (10,26): Cannot find module '@angular/cdk/platform'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/platform/platform.d.ts (8,26): Cannot find module '@angular/cdk/platform'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/keyboard/keycodes.d.ts (8,146): Cannot find module '@angular/cdk/keycodes'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/core.d.ts (1,61): Cannot find module '@angular/cdk/coercion'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/core.d.ts (2,49): Cannot find module '@angular/cdk/observers'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/core.d.ts (3,32): Cannot find module '@angular/cdk/collections'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/core.d.ts (9,15): Cannot find module '@angular/cdk/platform'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/core.d.ts (10,15): Cannot find module '@angular/cdk/overlay'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/core.d.ts (14,252): Cannot find module '@angular/cdk/a11y'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/autocomplete/autocomplete.d.ts (10,44): Cannot find module '@angular/cdk/a11y'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/autocomplete/autocomplete-trigger.d.ts (10,32): Cannot find module '@angular/cdk/bidi'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/autocomplete/autocomplete-trigger.d.ts (11,67): Cannot find module '@angular/cdk/overlay'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/button/button.d.ts (9,26): Cannot find module '@angular/cdk/platform'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/core/a11y/focus-key-manager.d.ts (8,50): Cannot find module '@angular/cdk/a11y'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/chips/chip-list.d.ts (10,33): Cannot find module '@angular/cdk/a11y'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/chips/chip-list.d.ts (11,32): Cannot find module '@angular/cdk/bidi'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/dialog/dialog-config.d.ts (9,27): Cannot find module '@angular/cdk/bidi'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/dialog/dialog-container.d.ts (10,86): Cannot find module '@angular/cdk/portal'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/dialog/dialog-container.d.ts (11,34): Cannot find module '@angular/cdk/a11y'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/dialog/dialog-ref.d.ts (8,28): Cannot find module '@angular/cdk/overlay'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/dialog/dialog.d.ts (10,31): Cannot find module '@angular/cdk/portal'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/dialog/dialog.d.ts (11,62): Cannot find module '@angular/cdk/overlay'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/datepicker/datepicker.d.ts (9,67): Cannot find module '@angular/cdk/overlay'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/datepicker/datepicker.d.ts (10,32): Cannot find module '@angular/cdk/bidi'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/grid-list/grid-list.d.ts (10,32): Cannot find module '@angular/cdk/bidi'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typings/input/autosize.d.ts (10,26): Cannot find module '@angular/cdk/platform'.
ERROR in /Users/username/Projects/fireplace/node_modules/@angular/material/typing

Related Posts:

  1. How do I install Angular 2 using NPM?
  2. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  3. Angular: mat-form-field must contain a MatFormFieldControl
  4. (change) vs (ngModelChange) in angular
  5. Angular ForEach in Angular4/Typescript?
  6. Angular4 – No value accessor for form control
  7. What is ViewChild in Angular2?
  8. Angular 4 setTimeout() with variable delay and wait
  9. How do I download a file with Angular2 or greater
  10. Angular 2 Sort table columns
  11. What is TypeScript and why would I use it in place of JavaScript? [closed]
  12. ES6 Map in Typescript
  13. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  14. Angular: conditional class with *ngClass
  15. How to define type for a function callback (as any function type, not universal any) used in a method parameter
  16. How do I completely uninstall Node.js, and reinstall from beginning (Mac OS X)
  17. Difference between npx and npm?
  18. TypeScript foreach return [duplicate]
  19. TypeScript React.FC confusion
  20. What is an unhandled promise rejection?
  21. NPM ELIFECYCLE error – using node server.js command
  22. how to render a react component using ReactDOM Render
  23. Node.js – SyntaxError: Unexpected token import
  24. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  25. Node.js – SyntaxError: Unexpected token import
  26. How to perform string interpolation in TypeScript?
  27. Typescript : Property does not exist on type ‘object’
  28. webpack: Module not found: Error: Can’t resolve (with relative path)
  29. Cannot find module ‘@angular-devkit/core’
  30. Node.js Port 3000 already in use but it actually isn’t?
  31. No value accessor for form control
  32. Unable to resolve dependency tree error when installing npm packages
  33. npm – EPERM: operation not permitted on Windows
  34. Angular: Error no directive with “exportAs” set to “ngForm”
  35. keep getting “? Something is already running on port 3000” when I do npm start on react app
  36. Angular 4 setting selected option in Dropdown
  37. How to use npm jquery module?
  38. Angular: conditional class with *ngClass
  39. Possible to extend types in Typescript?
  40. No overload matches this call. Type ‘string’ is not assignable to type ‘Signals’
  41. RegExp in TypeScript
  42. How do you format a Date/Time in TypeScript?
  43. Node update a specific package
  44. Angular: conditional class with *ngClass
  45. Cannot find module ‘internal/fs’ after upgrading to node 7
  46. How do I check whether an array contains a string in TypeScript?
  47. Module not found: Error: Can’t resolve ‘fs’ in
  48. Uncaught ReferenceError: define is not defined typescript
  49. Angular 2 – Using ‘this’ inside setTimeout
  50. How to fix Cannot find module ‘typescript’ in Angular 4?
  51. Local package.json exists, but node_modules missing
  52. String.Format not work in TypeScript
  53. npm WARN enoent ENOENT: no such file or directory, open ‘C:\Users\Nuwanst\package.json’
  54. declaration or statement expected javascript/typescript
  55. TypeError: Class extends value undefined is not a function or null
  56. Can’t perform a React state update on an unmounted component
  57. How to set Angular 4 background image?
  58. SyntaxError: Unexpected token C in JSON at position 0 – Ionic 2 Http GET request
  59. Crop the image using JavaScript
  60. How to use bootstrap 4 in angular 2?
  61. Maximum call stack size exceeded on npm install
  62. What does the .subscribe() function do?
  63. NPM install fails with node-gyp
  64. Angular 2 Hover event
  65. events.js: 141 throw er; // Unhandled ‘error’ event
  66. What are differences between SystemJS and Webpack?
  67. typescript – cloning object
  68. How to use forEach loop correctly in angular 2?
  69. How to use onBlur event on Angular2?
  70. What is the difference between Bower and npm?
  71. Using Angular 2 without TypeScript Transpiler
  72. Dynamically creating charts of each row in an HTML table with chart.js
  73. How do you reverse a string in-place in JavaScript?
  74. Uncaught TypeError: Cannot read property ‘length’ of undefined
  75. Python to JavaScript converter
  76. AJAX response error: net::ERR_EMPTY_RESPONSE
  77. TypeError: Cannot Set property ‘onclick’ of null
  78. Mismatched anonymous define() module
  79. Function is not defined – Uncaught ReferenceError
  80. How do I modify the URL without reloading the page?
  81. Regular expression for removing whitespaces
  82. How to get the selected radio button’s value?
  83. Google Maps API DeletedApiProjectMapError
  84. Is there a simple way to make a random selection from an array in JavaScript or any other programming language?
  85. jsPDF fromHTML() does not show HTML
  86. window.onload vs $(document).ready()
  87. Detect a finger swipe through JavaScript on the iPhone and Android
  88. console.log showing contents of array object
  89. How to sort 2 dimensional array by column value?
  90. anchor jumping by using javascript
  91. d3.scale.category20 is too smart for me
  92. Extend core block in Gutenberg
  93. Localhost load-scripts.php Error 500 in Dashboard [closed]
  94. How to run JavaScript function in WooCommerce checkout?
  95. Adding nonce or hashes to inline scripts
  96. WordPress Media Library: Custom tab content displayed in “Media Library” tab
  97. Manually mark imported photo as selected in media library
  98. Absolutely print script in footer
  99. Redirect to homepage if attmpting to leave intranet [closed]
  100. Unserialize WP_Options options programatically?

Leave a Comment

tech