Dependency Hell

[gothinkster]

Dependency Hell

[GiorgioG]

Thanks again @EricSimons - if push comes to shove I can just run this under the Windows Subsystem for Linux.

[tfpkiii]

I was able to clear up all the dependencies for npm install by updating the local modules using:

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest

But of course this broke git's relationship to the branches used in the tutorial, sigh.

[peterkmurphy]

This is related to this issue. #angular/angular-cli#4484

[EricSimons]

Thanks for the info @peterkmurphy - I'll update the package.json and see what I can do to fix this.

[EricSimons]

@peterkmurphy can you try doing a fresh install now? I set explicit package versions, which was causing the issue for me locally

[peterkmurphy]

@EricSimons: this is what I did. Note that this is on 64 bit Linux Mint, which seemed to have had some permission issues with node-sass.
(a) Uninstall and clean the cache for @angular/cli
(b) Reinstall @angular/cli globally via the command:
sudo npm install --unsafe-perm -g @angular/cli

I'm glad to say that there are no peer dependency issues remaining with @angular/cli itself. However, I need to add the --unsafe-perm flag, as there are problems installing node-sass, a dependency for @angular/cli, without it.)

(Please see #sass/node-sass#1098; please also see
https://github.com/sass/node-sass/blob/master/TROUBLESHOOTING.md#cannot-find-module-rootinstalljs
)
(c) Cloned the angular2-realworld-example-app repository, and changed into its directory.
(d) Ran 'npm install'

It did not seem to work. I go the following deprecation warnings (but that's minor).
npm WARN deprecated [email protected]: angular-cli has been renamed to @angular/cli. Please update your dependencies.
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated [email protected]: use uuid module instead
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: This package is discontinued. Use lodash@^4.0.0.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: ReDoS vulnerability parsing Set-Cookie https://nodesecurity.io/advisories/130
npm WARN prefer global [email protected] should be installed with -g
npm WARN prefer global [email protected] should be installed with -g

I go the following errors with node-pre-gyp; I don't know if these are critical or not.

node-pre-gyp ERR! Tried to download(403): https://node-zopfli.s3.amazonaws.com/Release/zopfli-v2.0.2-node-v51-linux-x64.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v51 ABI) (falling back to source compile with node-gyp)
make: Entering directory '/home/peter/other-projects/angular2anddjango/angular2-realworld-example-app/node_modules/node-zopfli/build'

It's now the return of the unmet peer dependenc...

[email protected] /home/peter/other-projects/angular2anddjango/angular2-realworld-example-app
├── UNMET PEER DEPENDENCY @angular/[email protected]
├── UNMET PEER DEPENDENCY @angular/[email protected]
├── UNMET PEER DEPENDENCY @angular/[email protected]
├── @angular/[email protected]
├── @angular/[email protected]
├── UNMET PEER DEPENDENCY @angular/[email protected]

...

And so on.

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.

Unfortuantely, there was a failure with ng-serve

**peter@pkm-linuxmint ~/other-projects/angular2anddjango/angular2-realworld-example-app $ ng serve
This version of CLI is only compatible with angular version 2.3.1 or better. Please
upgrade your angular version, e.g. by running:

npm install @angular/core@latest

peter@pkm-linuxmint ~/other-projects/angular2anddjango/angular2-realworld-example-app $**

[frazer-jamieson]

Hi,

I'm getting the following error after npm install & ng serve:

$ ng serve
Cannot find module '@angular/compiler-cli'
Error: Cannot find module '@angular/compiler-cli'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/plugin.js:5:24)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/index.js:5:10)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/models/webpack-configs/typescript.js:4:19)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/models/webpack-configs/index.js:9:10)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/models/webpack-config.js:4:27)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/tasks/serve.js:10:26)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Class.run (/usr/lib/node_modules/@angular/cli/commands/serve.js:74:52)
at Class. (/usr/lib/node_modules/@angular/cli/ember-cli/lib/models/command.js:134:17)
at process._tickCallback (internal/process/next_tick.js:103:7)

Any ideas please?

[frazer-jamieson]

My dependency errors are:

$ npm install
[email protected] /home/frazer/Desktop/Angular/thinkster/angular2-realworld-example-app-m-8
├── UNMET PEER DEPENDENCY @angular/[email protected]
├── UNMET PEER DEPENDENCY @angular/[email protected]
├── UNMET PEER DEPENDENCY @angular/[email protected]
└── UNMET PEER DEPENDENCY @angular/[email protected]

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of @angular/[email protected] but none was installed.
npm ERR! code 1
[frazer@notebook angular2-realworld-example-app-m-8]$ npm update
[frazer@notebook angular2-realworld-example-app-m-8]$ ng serve
Cannot find module '@angular/compiler-cli'
Error: Cannot find module '@angular/compiler-cli'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/plugin.js:5:24)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/index.js:5:10)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/models/webpack-configs/typescript.js:4:19)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/models/webpack-configs/index.js:9:10)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/models/webpack-config.js:4:27)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object. (/usr/lib/node_modules/@angular/cli/tasks/serve.js:10:26)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Class.run (/usr/lib/node_modules/@angular/cli/commands/serve.js:74:52)
at Class. (/usr/lib/node_modules/@angular/cli/ember-cli/lib/models/command.js:134:17)
at process._tickCallback (internal/process/next_tick.js:103:7)

But I'm not sure how to work around that - any help please?

[frazerjamieson]

ncu -a perhaps?

[GiorgioG]

This doesn't seem to work on Windows 10.

@EricSimons: Edited b/c this repo's issues are strictly for helping manage & maintain the source code, not Thinkster.io's dedicated Pro support. In the future, feel free to email me directly at [email protected] or our dedicated Pro support at [email protected] with any Thinkster related issues/concerns/feedback 👍

[EricSimons]

@GiorgioG Windows support is generally a problem in the npm community, and for this repo we've had problems with the Angular CLI itself on Windows. We're doing everything we can. ¯_(ツ)_/¯

Regarding the current state of the CLI dependency issues, I'm going to try doing a hard upgrade to the latest CLI's webpack/etc config and see if that helps solve things here. Should have some info regarding this tmrw.

[GiorgioG]

@EricSimons I appreciate the quick response. FYI - I can install @angular/cli and create/run the default angular4 project template ("app works!") without any errors on the same Windows 10 machine.

[EricSimons]

@GiorgioG Yeah I think their latest CLI versions finally fixed these sorts of dep issues which is why I'm going to attempt the hard upgrade tomorrow. There also shouldn't be any breaking changes in our code with the bump to v4, so hopefully I'll be announcing tomorrow that this repo's dep issues are solved and it also now supports Angular 4 :)

[EricSimons]

Update — got tied up in RealWorld core issues today, have to bunt till tmrw 😓

[EricSimons]

Huge thanks to @ankeshdave for #12 that solves this (and bumps us to v4+)!