# Angular2... 4... 5... can't get it to work!

**URL:** <https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102>\
**Category:** Build Environment\
**Tags:** nodejs, circle-yml\
**Created:** [November 14, 2017, 1:34pm UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102 "2017-11-14T13:34:15Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![burgessbri](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@burgessbri](https://discuss.circleci.com/u/burgessbri)\
**Post date:** [November 14, 2017, 1:34pm UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102/1 "2017-11-14T13:34:15Z")

</div>

I’ve got a very simple Angular app I’m trying to set up a basic CI flow for but I can’t even get past the NPM install step. It appears as if I can’t get a hold of a docker image with Node \> 4.6.x. Anyways, here’s the NPM install console readout

> ## npm install
> 
> > node-sass4.6.0 install /home/ubuntu/project-nest-webapp/node\_modules/angular/cli/node\_modules/node-sass  
> > node scripts/install.js
> 
> Downloading binary from [https://github.com/sass/node-sass/releases/download/v4.6.0/linux-x64-46\_binding.node](https://github.com/sass/node-sass/releases/download/v4.6.0/linux-x64-46_binding.node)  
> Download complete  
> Binary saved to /home/ubuntu/project-nest-webapp/node\_modules/angular/cli/node\_modules/node-sass/vendor/linux-x64-46/binding.node  
> Caching binary to /home/ubuntu/.npm/node-sass/4.6.0/linux-x64-46\_binding.node
> 
> > node-sass-4.6.0 postinstall /home/ubuntu/project-nest-webapp/node\_modules/angular/cli/node\_modules/node-sass  
> > node scripts/build.js
> 
> Binary found at /home/ubuntu/project-nest-webapp/node\_modules/angular/cli/node\_modules/node-sass/vendor/linux-x64-46/binding.node  
> Testing binary  
> Binary is fine  
> npm ERR! Linux 3.13.0-129-generic  
> npm ERR! argv “/opt/circleci/nodejs/v4.2.6/bin/node” “/opt/circleci/nodejs/v4.2.6/bin/npm” “install”  
> npm ERR! node v4.2.6  
> npm ERR! npm v2.14.12  
> npm ERR! code EPEERINVALID
> 
> npm ERR! peerinvalid The package angular-devkit/schematics0.0.35 does not satisfy its siblings’ peerDependencies requirements!  
> npm ERR! peerinvalid Peer schematics/angular0.0.49 wants angular-devkit/schematics0.0.34
> 
> npm ERR! Please include the following file with any support request:  
> npm ERR! /home/ubuntu/project-nest-webapp/npm-debug.log
> 
> npm install returned exit code 1
> 
> Action failed: npm install

And here’s my yaml file

> version: 2  
> jobs:  
> build:  
> working\_directory: ~/project-nest  
> docker:  
> - image: circleci/node:6-browsers  
> steps:  
> - checkout  
> - run:  
> name: update-npm  
> command: sudo npm install -g npm@latest  
> - restore\_cache:  
> key: project-nest-{{ .Branch }}-{{ checksum “package.json” }}  
> - run:  
> name: install-dependencies  
> command: npm install  
> - save\_cache:  
> key: project-nest-{{ .Branch }}-{{ checksum “package.json” }}  
> paths:  
> - ./node\_modules  
> - run:  
> name: angular-test  
> command: xvfb-run -a npm run test – --single-run --no-progress --browser=ChromeNoSandbox

Any pointers would be awesome!

---

<div class="post-metadata">

**Author:** ![halfer](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/halfer/32/9083_2.png) [@halfer](https://discuss.circleci.com/u/halfer)\
**Post date:** [November 17, 2017, 10:19pm UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102/2 "2017-11-17T22:19:30Z")

</div>

Could you use the basic Docker image and install the components/versions that you need manually?

---

<div class="post-metadata">

**Author:** ![carlbonsu](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/carlbonsu/32/10236_2.png) [@carlbonsu](https://discuss.circleci.com/u/carlbonsu)\
**Post date:** [December 29, 2017, 10:57am UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102/3 "2017-12-29T10:57:19Z")

</div>

Did this get resolved? I’ve encountered a simple issue. Driving me nuts!

> npm ERR! peerinvalid The package @angular/common@5.1.2 does not satisfy its siblings’ peerDependencies requirements!

---

<div class="post-metadata">

**Author:** ![burgessbri](https://avatars.discourse-cdn.com/v4/letter/b/ea666f/32.png) [@burgessbri](https://discuss.circleci.com/u/burgessbri)\
**Post date:** [December 29, 2017, 2:08pm UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102/4 "2017-12-29T14:08:05Z")

</div>

If I remember correctly, I used a blank image and manually installed all  
the dependencies on the CI flow. It sucks, but it works.

---

<div class="post-metadata">

**Author:** ![carlbonsu](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/carlbonsu/32/10236_2.png) [@carlbonsu](https://discuss.circleci.com/u/carlbonsu)\
**Post date:** [January 1, 2018, 5:38pm UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102/5 "2018-01-01T17:38:37Z")

</div>

I turned to VSTS (Visual Studio Team Services) in the end. Found it easier  
to use and it works without any hacks or workarounds.

---

<div class="post-metadata">

**Author:** ![CharlesSuttie](https://sea2.discourse-cdn.com/circleci/user_avatar/discuss.circleci.com/charlessuttie/32/10396_2.png) [@CharlesSuttie](https://discuss.circleci.com/u/CharlesSuttie)\
**Post date:** [January 11, 2018, 10:02am UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102/6 "2018-01-11T10:02:31Z")

</div>

Hi,

We’re using the Angular CLI and I think we had this issue with node-sass. We run `npm rebuild node-sass` as part of the sequence in our config file

```
    steps:
      - checkout

      - run:
          name: versions
          command: |
            node --version
            npm --version
            yarn --version

# Download and cache dependencies
      - restore_cache:
          key: dependency-cache-{{ checksum "yarn.lock" }}

      - run:
          name: yarn-install
          command: yarn --no-progress --pure-lockfile

      - save_cache:
          key: dependency-cache-{{ checksum "yarn.lock" }}
          paths:
            - ~/.cache/yarn
            - ./node_modules

      - run:
          name: rebuild node-sass
          command: npm rebuild node-sass

```

Hope this helps

Charlie

\*Edit - we’re using this image:

```
    docker:
      # specify the version you desire here
      - image: circleci/node:8.9.3-browsers
```

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/circleci/original/3X/5/1/511608acda8e85906e15909b57bd0a46c1dbe291.png) [@system](https://discuss.circleci.com/u/system)\
**Post date:** [June 18, 2018, 11:40am UTC](https://discuss.circleci.com/t/angular2-4-5-cant-get-it-to-work/18102/7 "2018-06-18T11:40:05Z")

</div>


