This command would install the 1.0.0 version:

    npm install -g @angular/cli@1.0.0

You can see the available versions with the following command:

    npm view @angular/cli

NB: You can also install the latest available version:

    npm install @angular/cli@latest

npm install -g @angular/cli@{version-number}


In case anyone stumbles on this question while looking for a way to use angular-cli to build Angular 2 apps, @angular/cli@1.0.0 generated apps installs angular 4.0.0 instead of 2xx.

To avoid the round-trip of uninstalling the cli and looking for the most recent version that builds 2xx, use @angular/cli@1.0.0-beta.33.1

It builds Angular 2.4.1 ;)

I tried to create account on [aws.amazon.com][1]. But it needs credit card information to complete the login process. 

As I do not intend to use AWS for any commercial purpose but for academic/self-learning purpose, is there way to create a trial account ( probably a limited version say limited functionalities or limited time period )


  [1]: http://htttp://aws.amazon.com

Amazon Web Service (AWS) account (trial version) without credit card info

 I am running VS2017 version 26430.13 and every time I try to build a web project I get errors that access to the files in the bin\roslyn is denied. 
Over a period of about 5 minutes the files are unlocked and I can build but the 5 minute delay is unacceptable.

These are the files that stay locked:

- Microsoft.CodeAnalysis.CSharp.dll
- Microsoft.CodeAnalysis.dll
- Microsoft.CodeAnalysis.VisualBasic.dll
- Microsoft.DiaSymReader.Native.amd64.dll
- System.Collections.Immutable.dll
- System.Diagnostics.FileVersionInfo.dll
- System.IO.Compression.dll
- System.IO.FileSystem.dll
- System.IO.FileSystem.Primitives.dll
- System.Reflection.Metadata.dll
- System.Security.Cryptography.Algorithms.dl
- System.Security.Cryptography.Primitives.dl
- System.ValueTuple.dll
- VBCSCompiler.exe


Visual Studio 2017 bin\roslyn files locked during build

I&#39;m using angular 2.4.9 for my application development so I need to use specific version of ng cli instead of the latest one.

I know the below command will install latest version of ng cli

    npm install -g @angular/cli

But how can I install specific version of ng cli?

Install specific version of ng cli

I'm using angular 2.4.9 for my application development so I need to use specific version of ng cli instead of the latest one.
I know the below command will install latest version of ng cli
<pre><code class="hljs language-bash">npm install -g @angular/cli
</code></pre>
But how can I install specific version of ng cli?

**note:** I&#39;m new to Angular, so please excuse any new comer stupidity here.

**Details**

 - I&#39;ve installed the latest version of Angular CLI
 - The default app loads and runs perfectly fine after &#39;ng serve&#39;

**Issue**

 - I decided to create a new module an import it into the app module 
 - This is something I&#39;ve done a couple of times in Angular 2 and it&#39;s worked perfectly fine
 - However, since I ran the latest version of Angular CLI this morning, importing a module breaks and I receive the following error:

&gt; compiler.es5.js:1689 Uncaught Error: Unexpected directive &#39;ProjectsListComponent&#39; imported by the module &#39;ProjectsModule&#39;. Please add a @NgModule annotation.


**App Module**

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    import { BrowserModule } from &#39;@angular/platform-browser&#39;;
    import { NgModule } from &#39;@angular/core&#39;;
    import { AppComponent } from &#39;./app.component&#39;;
    import { AngularFireModule } from &#39;angularfire2&#39;;
    import { AngularFireDatabaseModule } from &#39;angularfire2/database&#39;;
    import { AngularFireAuthModule } from &#39;angularfire2/auth&#39;;
    import { environment } from &#39;../environments/environment&#39;;
    import { ProjectsModule } from &#39;./projects/projects.module&#39;;
    import { HttpModule } from &#39;@angular/http&#39;;


    @NgModule({
      imports: [
        BrowserModule,
        HttpModule,
        ProjectsModule,
        AngularFireModule.initializeApp(environment.firebase, &#39;AngularFireTestOne&#39;), // imports firebase/app needed for everything
        AngularFireDatabaseModule, // imports firebase/database, only needed for database features
        AngularFireAuthModule // imports firebase/auth, only needed for auth features
      ],

      declarations: [AppComponent],

      bootstrap: [AppComponent]

    })

    export class AppModule { }

&lt;!-- end snippet --&gt;

**Projects Module**

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    import { BrowserModule } from &#39;@angular/platform-browser&#39;;
    import { NgModule } from &#39;@angular/core&#39;;
    import { ProjectsListComponent } from &#39;./projects-list.component&#39;;
    import { RouterModule } from &#39;@angular/router&#39;;

    @NgModule({

        declarations: [
            ProjectsListComponent
        ],


      imports: [
        BrowserModule,
        ProjectsListComponent,
        RouterModule.forChild([
          { path: &#39;projects&#39;, component: ProjectsListComponent }
        ])
      ]
    })

    export class ProjectsModule { }

&lt;!-- end snippet --&gt;

The process I&#39;ve taken to setting the module up hasn&#39;t been any different to when I was using Angular 2. However, after having issues with compatibility between Angular Cli, firebase and angular fire, I decided to get the latest of everything this morning.

Any help with this one would be massssssively appreciated as I&#39;ve hit a brick wall with my understanding of it all.

Thank you.

Angular CLI - Please add a @NgModule annotation when using latest

I extracted sample template code from [this tutorial](https://github.com/gopinav/Angular-2-Tutorials) and did below two steps to get started - 

1. `npm install // worked fine and created node_modules folder with all dependencies`
2. `npm start`
// failed with below error-
   

        node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class &#39;Subject&lt;T&gt;&#39; 
          incorrectly extends base class &#39;Observable&lt;T&gt;&#39;.
          Types of property &#39;lift&#39; are incompatible.
          Type &#39;&lt;T, R&gt;(operator: Operator&lt;T, R&gt;) =&gt; Observable&lt;T&gt;&#39; is not assignable  
          to type &#39;&lt;R&gt;(operator: Operator&lt;T, R&gt;) =&gt; Observable&lt;R&gt;&#39;.
          Type &#39;Observable&lt;T&gt;&#39; is not assignable to type &#39;Observable&lt;R&gt;&#39;.
          Type &#39;T&#39; is not assignable to type &#39;R&#39;.
          npm ERR! code ELIFECYCLE
          npm ERR! errno 2

I see that in the subject.d.ts declaration of lift is as below -
   

     lift&lt;T, R&gt;(operator: Operator&lt;T, R&gt;): Observable&lt;T&gt;;

And in Observable.ts it is defined as below-
   

     lift&lt;R&gt;(operator: Operator&lt;T, R&gt;): Observable&lt;R&gt; {

Note:-
1. I am new to Angular2 and trying to get hold of things.

2. The error might be due to incompatible definitions of lift method

3. I read through this [github thread](https://github.com/Microsoft/TypeScript/issues/2073) 

4. If I need to install some different version of rxjs then please tell how to uninstall and install the correct rxjs.

**Edit1:** 
I might be a bit late in responding here but I still get the same error even after using *typescript 2.3.4* or *rxjs 6 alpha*. Below is my package.json,

    {
      &quot;name&quot;: &quot;angular-quickstart&quot;,
      &quot;version&quot;: &quot;1.0.0&quot;,
      &quot;scripts&quot;: {
        &quot;start&quot;: &quot;tsc &amp;&amp; concurrently \&quot;npm run tsc:w\&quot; \&quot;npm run lite\&quot; &quot;,
        &quot;lite&quot;: &quot;lite-server&quot;,
        &quot;postinstall&quot;: &quot;typings install&quot;,
        &quot;tsc&quot;: &quot;tsc&quot;,
        &quot;tsc:w&quot;: &quot;tsc -w&quot;,
        &quot;typings&quot;: &quot;typings&quot;
      },
      &quot;license&quot;: &quot;ISC&quot;,
      &quot;dependencies&quot;: {
        &quot;@angular/common&quot;: &quot;2.0.0&quot;,
        &quot;@angular/compiler&quot;: &quot;2.0.0&quot;,
        &quot;@angular/core&quot;: &quot;2.0.0&quot;,
        &quot;@angular/forms&quot;: &quot;2.0.0&quot;,
        &quot;@angular/http&quot;: &quot;2.0.0&quot;,
        &quot;@angular/platform-browser&quot;: &quot;2.0.0&quot;,
        &quot;@angular/platform-browser-dynamic&quot;: &quot;2.0.0&quot;,
        &quot;@angular/router&quot;: &quot;3.0.0&quot;,
        &quot;@angular/upgrade&quot;: &quot;2.0.0&quot;,
        &quot;core-js&quot;: &quot;^2.4.1&quot;,
        &quot;reflect-metadata&quot;: &quot;^0.1.3&quot;,
        &quot;rxjs&quot;: &quot;6.0.0-alpha.0&quot;,
        &quot;systemjs&quot;: &quot;0.19.27&quot;,
        &quot;zone.js&quot;: &quot;^0.6.23&quot;,
        &quot;angular2-in-memory-web-api&quot;: &quot;0.0.20&quot;,
        &quot;bootstrap&quot;: &quot;^3.3.6&quot;
      },
      &quot;devDependencies&quot;: {
        &quot;concurrently&quot;: &quot;^2.2.0&quot;,
        &quot;lite-server&quot;: &quot;^2.2.2&quot;,
        &quot;typescript&quot;: &quot;2.3.4&quot;,
        &quot;typings&quot;: &quot;^1.3.2&quot;
      }
    }

rxjs/Subject.d.ts error : Class &#39;Subject&lt;T&gt;&#39; incorrectly extends base class &#39;Observable&lt;T&gt;&#39;

I have array of two objects:

    genericItems: Item[] = [];
    backupData: Item[] = [];

I am populating my HTML table with `genericItems`data. The table is modifiable. There is a reset button to undo all changes done with `backUpData`. This array is populated by a service:

    getGenericItems(selected: Item) {
    this.itemService.getGenericItems(selected).subscribe(
      result =&gt; {
         this.genericItems = result;
      });
         this.backupData = this.genericItems.slice();
      }
My idea was that, the user changes will get reflected in first array and second array can be used as backup for reset operation. The issue I am facing here is when the user modifies the table (`genericItems[])` the second array `backupData` also gets modified.

How is this happening and how to prevent this?


Cloning an array in Javascript/Typescript

I have a JavaScript file called `abc.js` that has a &#39;public&#39; function called `xyz()`. I want to call that function in my Angular project. How do I do that?

How do I include a JavaScript script file in Angular and call a function from that script?

How to use multiple conditions for ngClass? Example: 

    &lt;section [ngClass]=&quot;[menu1 ? &#39;class1&#39; : &#39;&#39; || menu2 ? &#39;class1&#39; : &#39;&#39; || (something &amp;&amp; (menu1 || menu2)) ? &#39;class2&#39; : &#39;&#39;]&quot;&gt;

something like this. I got same class for 2 menus,  and I need class when one of those menus is true and &#39;something&#39; is true. Hope I explained well enough

Multiple conditions in ngClass - Angular 4

Today, while working through some basic AngularJS introduction, I ran into a problem.

I opened PowerShell to get going on the project. NPM worked. 

I was able to install Angular using:

    npm install -g @angular/cli

Anytime I tried to run *ng*, I would get: 

&gt; the term &#39;ng&#39; is not recognized as the name of a cmdlet



Message &quot;the term &#39;ng&#39; is not recognized as the name of a cmdlet&quot;

I have installed webpack in this way:

    npm install -g webpack

Now want to uninstall it:

    npm uninstall -g webpack

Check it again, it didn&#39;t been uninstalled:

    webpack -v
    3.1.0

Why?

---

And, I use this way can&#39;t find `webpack`:

    npm list -g | grep webpack

---

This also didn&#39;t work:

    npm uninstall -g webpack --save

---

After run this under a directory which included `package.json`:

    npm uninstall webpack
    npm WARN babel-loader@6.4.1 requires a peer of webpack@1 || 2 || ^2.1.0-beta || ^2.2.0-rc but none was installed.
    npm WARN uglifyjs-webpack-plugin@0.3.1 requires a peer of uglify-js@^2.8.0 but none was installed.
    npm WARN uglifyjs-webpack-plugin@0.3.1 requires a peer of webpack@^1.9 || ^2 || ^2.1.0-beta || ^2.2.0-rc but none was installed.



How to uninstall global package with npm?

I just recently upgraded to *npm@5*.  I now have a *package-lock.json* file with everything from *package.json*.  I would expect that, when I run `npm install` that the dependency versions would be pulled from the lock file to determine what should be installed in my *node_modules* directory.  What&#39;s strange is that it actually ends up modifying and rewriting my *package-lock.json* file.

For example, the lock file had typescript specified to be at version *2.1.6*.  Then, after the `npm install` command, the version was changed to *2.4.1*.  That seems to defeat the whole purpose of a lock file.

What am I missing?  How do I get npm to actually respect my lock file?

Why does &quot;npm install&quot; rewrite package-lock.json?

I&#39;m trying to run `npm run dev` for Laravel Mix and I get this error:

    &gt; @ dev D:\projects\ptcs
    &gt; cross-env NODE_ENV=development webpack --progress --hide-modules --
    config=node_modules/laravel-mix/setup/webpack.config.js

    &#39;cross-env&#39; is not recognized as an internal or external command,
    operable program or batch file.
    npm ERR! code ELIFECYCLE
    npm ERR! errno 1
    npm ERR! @ dev: `cross-env NODE_ENV=development webpack --progress --hide-
    modules --config=node_modules/laravel-mix/setup/webpack.config.js`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the @ dev script.

I updated node.js to 6.11.0 and npm to 5.2.0, but it didn&#39;t help. I&#39;m running Homestead on Windows 7. 

Laravel 5.4 ‘cross-env’ Is Not Recognized as an Internal or External Command

After updating my NPM to the latest version (from 3.X to 5.2.0) and running `npm install` on an existing project, I get an auto-created `package-lock.json` file.

I can tell `package-lock.json` gives me an exact dependency tree as opposed to `package.json`.

From that info alone, it seems like `package.json` is redundant and not needed anymore.

Are both of them necessary for NPM to work?
&lt;br&gt;
Is it safe or possible to use only the `package-lock.json` file?

The docs on package-lock.json ([doc1](https://docs.npmjs.com/files/package-lock.json), [doc2](https://docs.npmjs.com/files/package-locks)) doesn&#39;t mention anything about that.

**Edit**:

After some more thinking about it, I came to the conclusion that if someone wants to use your project with an older version of NPM (before 5.x) it would still install all of the dependencies, but with less accurate versions (patch versions)

Do I need both package-lock.json and package.json?

I have created a module in using angular CLI and forget to add --routing while it&#39;s creation, now i want to add a routing module to it.

`ng init --routing` won&#39;t help in angular CLI version 1.1.1

How to add a routing module to an existing module in angular CLI version 1.1.1?

I have an Angular app which runs perfectly in my local and production environment..
After a tiny change I made, I ran the app locally and it works fine.. Then I built the project and copied the *dist* folder to the web server. The problem is when I try to access to the app I get the following error in the Chrome Inspector:


    Uncaught SyntaxError: Unexpected token &lt; inline.1a152b6….bundle.js:1
    Uncaught SyntaxError: Unexpected token &lt; polyfills.1553fdd….bundle.js:1
    Uncaught SyntaxError: Unexpected token &lt; vendor.94d0113….bundle.js:1
    Uncaught SyntaxError: Unexpected token &lt; main.d6f56a1….bundle.js:1

So, it seems like it is a misplaced character but in my local environment the app works fine I don&#39;t get any warning or error message on the console..

Syntax Error in Angular App: Unexpected token &lt;

After making some changes in my TypeScript files, each build takes over 20 minutes.
I run this command: `ng build --output-path=..\..\static\angularjs`.

If I run it in Microsoft PowerShell, it needs 25 - 30 seconds. This is a lot of time.

**Enviroment**

 - Windows 10
 - 8 GB-Ram
 - PyCharm 64
 - MS PowerShell

How can I speed this up?

Content Type	Original Author	Original Content on Stackoverflow
Question	Buddybear	View Question on Stackoverflow
Solution 1 - Angular	Ploppy	View Answer on Stackoverflow
Solution 2 - Angular	Nweke	View Answer on Stackoverflow
Solution 3 - Angular	Nnanyielugo	View Answer on Stackoverflow

Install specific version of ng cli

Angular Problem Overview

Angular Solutions

Solution 1 - Angular

Solution 2 - Angular

Solution 3 - Angular

Visual Studio 2017 bin\roslyn files locked during build

Amazon Web Service (AWS) account (trial version) without credit card info

Attributions