Listing modules gives errors

[phil123456]

I wanted to list the local modules but I got this
is this normal ? see below

(except angular2-cookie wich has not angular 4 version)

I tried a prune

npm prune
npm WARN package.json app@0.0.0 No description
npm WARN package.json app@0.0.0 No repository field.
npm WARN package.json app@0.0.0 No README data

npm ls --depth=0
app@0.0.0 D:\**********
+-- UNMET PEER DEPENDENCY @angular/common@4.0.0
+-- @angular/compiler@4.0.0
+-- UNMET PEER DEPENDENCY @angular/core@4.0.0
+-- @angular/forms@4.0.0
+-- @angular/http@4.0.0
+-- @angular/platform-browser@4.0.0
+-- @angular/platform-browser-dynamic@4.0.0
+-- @angular/router@4.0.0
+-- @angularclass/hmr@1.2.2 invalid
+-- @angularclass/hmr-loader@3.0.2
+-- @types/selenium-webdriver@2.53.39
+-- angular2-cookie@1.2.6
+-- angular2-template-loader@0.6.2 invalid
+-- awesome-typescript-loader@3.1.2
+-- codelyzer@2.0.0
+-- copy-webpack-plugin@4.0.1 invalid
+-- core-js@2.4.1
+-- css-loader@0.26.4 invalid
+-- extract-text-webpack-plugin@2.1.0 invalid
+-- file-loader@0.10.1 invalid
+-- html-loader@0.4.5 invalid
+-- html-webpack-plugin@2.28.0 invalid
+-- istanbul-instrumenter-loader@0.2.0
+-- jasmine-core@2.5.2 invalid
+-- jasmine-spec-reporter@3.2.0
+-- karma@1.4.1
+-- karma-chrome-launcher@2.0.0
+-- karma-coverage@1.1.1 invalid
+-- karma-jasmine@1.1.0 invalid
+-- karma-mocha-reporter@2.2.3 invalid
+-- karma-remap-istanbul@0.2.1
+-- karma-sourcemap-loader@0.3.7
+-- karma-webpack@2.0.2
+-- ng2-validation@4.1.0
+-- node-sass@4.5.2 invalid
+-- null-loader@0.1.1
+-- postcss-loader@1.3.3 invalid
+-- protractor@4.0.14 invalid
+-- raw-loader@0.5.1
+-- reflect-metadata@0.1.10 invalid
+-- remap-istanbul@0.6.4
+-- rxjs@5.2.0 invalid
+-- sass-loader@6.0.3 invalid
+-- style-loader@0.13.2 invalid
+-- ts-helpers@1.1.2 invalid
+-- tslint@4.5.1 invalid
+-- tslint-loader@3.4.3 invalid
+-- typedoc@0.5.9 invalid
+-- typescript@2.2.2 invalid
+-- url-loader@0.5.8 invalid
+-- webpack@2.2.1
+-- webpack-dev-server@2.3.0
`-- zone.js@0.8.5

npm ERR! peer dep missing: @angular/common@^2.0.0, required by angular2-cookie@1.2.6
npm ERR! peer dep missing: @angular/core@^2.0.0, required by angular2-cookie@1.2.6
npm ERR! invalid: @angularclass/hmr@1.2.2 D:\**********\node_modules\@angularclass\hmr
npm ERR! invalid: angular2-template-loader@0.6.2 D:\**********\node_modules\angular2-template-loader
npm ERR! invalid: copy-webpack-plugin@4.0.1 D:\**********\node_modules\copy-webpack-plugin
npm ERR! extraneous: bluebird@2.11.0 D:\**********\node_modules\bluebird
npm ERR! extraneous: fs-extra@0.26.7 D:\**********\node_modules\fs-extra
npm ERR! extraneous: glob@6.0.4 D:\**********\node_modules\glob
npm ERR! extraneous: node-dir@0.1.16 D:\**********\node_modules\node-dir
npm ERR! invalid: css-loader@0.26.4 D:\**********\node_modules\css-loader
npm ERR! extraneous: babel-code-frame@6.22.0 D:\**********\node_modules\babel-code-frame
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\css-loader\node_modules\loader-utils
npm ERR! extraneous: cssnano@3.10.0 D:\**********\node_modules\cssnano
npm ERR! extraneous: lodash.camelcase@4.3.0 D:\**********\node_modules\lodash.camelcase
npm ERR! extraneous: postcss@5.2.16 D:\**********\node_modules\postcss
npm ERR! extraneous: postcss-modules-extract-imports@1.0.1 D:\**********\node_modules\postcss-modules-extract-imports
npm ERR! extraneous: postcss-modules-local-by-default@1.1.1 D:\**********\node_modules\postcss-modules-local-by-default
npm ERR! extraneous: postcss-modules-scope@1.0.2 D:\**********\node_modules\postcss-modules-scope
npm ERR! extraneous: postcss-modules-values@1.2.2 D:\**********\node_modules\postcss-modules-values
npm ERR! invalid: extract-text-webpack-plugin@2.1.0 D:\**********\node_modules\extract-text-webpack-plugin
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\extract-text-webpack-plugin\node_modules\loader-utils
npm ERR! invalid: file-loader@0.10.1 D:\**********\node_modules\file-loader
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\file-loader\node_modules\loader-utils
npm ERR! invalid: html-loader@0.4.5 D:\**********\node_modules\html-loader
npm ERR! extraneous: es6-templates@0.2.3 D:\**********\node_modules\es6-templates
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\html-loader\node_modules\loader-utils
npm ERR! extraneous: html-minifier@3.4.2 D:\**********\node_modules\html-minifier
npm ERR! invalid: html-webpack-plugin@2.28.0 D:\**********\node_modules\html-webpack-plugin
npm ERR! extraneous: bluebird@3.5.0 D:\**********\node_modules\html-webpack-plugin\node_modules\bluebird
npm ERR! extraneous: pretty-error@2.0.3 D:\**********\node_modules\pretty-error
npm ERR! extraneous: toposort@1.0.3 D:\**********\node_modules\toposort
npm ERR! invalid: jasmine-core@2.5.2 D:\**********\node_modules\jasmine-core
npm ERR! invalid: karma-coverage@1.1.1 D:\**********\node_modules\karma-coverage
npm ERR! extraneous: lodash@3.10.1 D:\**********\node_modules\karma-coverage\node_modules\lodash
npm ERR! invalid: karma-jasmine@1.1.0 D:\**********\node_modules\karma-jasmine
npm ERR! invalid: karma-mocha-reporter@2.2.3 D:\**********\node_modules\karma-mocha-reporter
npm ERR! invalid: node-sass@4.5.2 D:\**********\node_modules\node-sass
npm ERR! extraneous: async-foreach@0.1.3 D:\**********\node_modules\async-foreach
npm ERR! extraneous: cross-spawn@3.0.1 D:\**********\node_modules\cross-spawn
npm ERR! extraneous: gaze@1.1.2 D:\**********\node_modules\gaze
npm ERR! extraneous: in-publish@2.0.0 D:\**********\node_modules\in-publish
npm ERR! extraneous: lodash.assign@4.2.0 D:\**********\node_modules\lodash.assign
npm ERR! extraneous: lodash.clonedeep@4.5.0 D:\**********\node_modules\lodash.clonedeep
npm ERR! extraneous: lodash.mergewith@4.6.0 D:\**********\node_modules\lodash.mergewith
npm ERR! extraneous: nan@2.5.1 D:\**********\node_modules\nan
npm ERR! extraneous: node-gyp@3.6.0 D:\**********\node_modules\node-gyp
npm ERR! extraneous: glob@7.1.1 D:\**********\node_modules\node-sass\node_modules\glob
npm ERR! extraneous: npmlog@4.0.2 D:\**********\node_modules\npmlog
npm ERR! extraneous: request@2.81.0 D:\**********\node_modules\request
npm ERR! extraneous: sass-graph@2.1.2 D:\**********\node_modules\sass-graph
npm ERR! extraneous: stdout-stream@1.4.0 D:\**********\node_modules\stdout-stream
npm ERR! invalid: postcss-loader@1.3.3 D:\**********\node_modules\postcss-loader
npm ERR! extraneous: postcss-load-config@1.2.0 D:\**********\node_modules\postcss-load-config
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\postcss-loader\node_modules\loader-utils
npm ERR! invalid: protractor@4.0.14 D:\**********\node_modules\protractor
npm ERR! extraneous: @types/jasmine@2.5.47 D:\**********\node_modules\@types\jasmine
npm ERR! extraneous: @types/node@6.0.68 D:\**********\node_modules\@types\node
npm ERR! extraneous: @types/q@0.0.32 D:\**********\node_modules\@types\q
npm ERR! extraneous: adm-zip@0.4.7 D:\**********\node_modules\adm-zip
npm ERR! extraneous: jasmine@2.4.1 D:\**********\node_modules\jasmine
npm ERR! extraneous: jasminewd2@0.0.10 D:\**********\node_modules\jasminewd2
npm ERR! extraneous: @types/selenium-webdriver@2.53.37 D:\**********\node_modules\protractor\node_modules\@types\selenium-webdriver
npm ERR! extraneous: glob@7.1.1 D:\**********\node_modules\protractor\node_modules\glob
npm ERR! extraneous: q@1.4.1 D:\**********\node_modules\protractor\node_modules\q
npm ERR! extraneous: webdriver-manager@10.3.0 D:\**********\node_modules\protractor\node_modules\webdriver-manager
npm ERR! extraneous: saucelabs@1.3.0 D:\**********\node_modules\saucelabs
npm ERR! extraneous: selenium-webdriver@2.53.3 D:\**********\node_modules\selenium-webdriver
npm ERR! invalid: reflect-metadata@0.1.10 D:\**********\node_modules\reflect-metadata
npm ERR! invalid: rxjs@5.2.0 D:\**********\node_modules\rxjs
npm ERR! extraneous: symbol-observable@1.0.4 D:\**********\node_modules\symbol-observable
npm ERR! invalid: sass-loader@6.0.3 D:\**********\node_modules\sass-loader
npm ERR! extraneous: clone-deep@0.2.4 D:\**********\node_modules\clone-deep
npm ERR! extraneous: lodash.tail@4.1.1 D:\**********\node_modules\lodash.tail
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\sass-loader\node_modules\loader-utils
npm ERR! invalid: style-loader@0.13.2 D:\**********\node_modules\style-loader
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\style-loader\node_modules\loader-utils
npm ERR! invalid: ts-helpers@1.1.2 D:\**********\node_modules\ts-helpers
npm ERR! invalid: tslint@4.5.1 D:\**********\node_modules\tslint
npm ERR! extraneous: diff@3.2.0 D:\**********\node_modules\diff
npm ERR! extraneous: findup-sync@0.3.0 D:\**********\node_modules\findup-sync
npm ERR! extraneous: glob@7.1.1 D:\**********\node_modules\tslint\node_modules\glob
npm ERR! extraneous: tsutils@1.4.0 D:\**********\node_modules\tsutils
npm ERR! extraneous: update-notifier@2.1.0 D:\**********\node_modules\update-notifier
npm ERR! invalid: tslint-loader@3.4.3 D:\**********\node_modules\tslint-loader
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\tslint-loader\node_modules\loader-utils
npm ERR! extraneous: semver@5.3.0 D:\**********\node_modules\tslint-loader\node_modules\semver
npm ERR! invalid: typedoc@0.5.9 D:\**********\node_modules\typedoc
npm ERR! extraneous: @types/fs-extra@0.0.33 D:\**********\node_modules\@types\fs-extra
npm ERR! extraneous: @types/handlebars@4.0.32 D:\**********\node_modules\@types\handlebars
npm ERR! extraneous: @types/highlight.js@9.1.9 D:\**********\node_modules\@types\highlight.js
npm ERR! extraneous: @types/lodash@4.14.59 D:\**********\node_modules\@types\lodash
npm ERR! extraneous: @types/marked@0.0.28 D:\**********\node_modules\@types\marked
npm ERR! extraneous: @types/minimatch@2.0.29 D:\**********\node_modules\@types\minimatch
npm ERR! extraneous: @types/shelljs@0.3.33 D:\**********\node_modules\@types\shelljs
npm ERR! extraneous: highlight.js@9.10.0 D:\**********\node_modules\highlight.js
npm ERR! extraneous: marked@0.3.6 D:\**********\node_modules\marked
npm ERR! extraneous: progress@1.1.8 D:\**********\node_modules\progress
npm ERR! extraneous: shelljs@0.7.7 D:\**********\node_modules\shelljs
npm ERR! extraneous: typedoc-default-themes@0.4.3 D:\**********\node_modules\typedoc-default-themes
npm ERR! extraneous: fs-extra@2.1.2 D:\**********\node_modules\typedoc\node_modules\fs-extra
npm ERR! extraneous: handlebars@4.0.5 D:\**********\node_modules\typedoc\node_modules\handlebars
npm ERR! extraneous: typescript@2.2.1 D:\**********\node_modules\typedoc\node_modules\typescript
npm ERR! invalid: typescript@2.2.2 D:\**********\node_modules\typescript
npm ERR! invalid: url-loader@0.5.8 D:\**********\node_modules\url-loader
npm ERR! extraneous: loader-utils@1.1.0 D:\**********\node_modules\url-loader\node_modules\loader-utils

[Foxandxss]

You are installing a few super old dependencies that aren't listed to work with angular v4. That doesn't mean that they don't work, they have hardcoded the version it was meant for.

On the other hand, when you iunstall dependencies, do you save them in the package.json?

[phil123456]

I guess, I think I do -D or -S, cant remember, usualy they are added to my package.json