title: npm ERR! path C:\Users\ruwan\Documents\projects\new project\Hair-4-U-hospital\Admin\Hair-4-U-Manufacture\node_modules\@firebase\util\dist
body: <p>I'm engaging with angular project. And now i'm referring a tutorial for make a <code>file upload</code> part with <code>firebase</code>. I have already installed this package <code>"@angular/fire": "^5.1.2",</code> for the project. but tutorial explains to install <code>npm i firebase angularfire2</code> for the project. I tried for it and got an error like this.</p>
  
  <pre><code>npm ERR! path C:\Users\ruwan\Documents\projects\new project\Hair-4-U-hospital\Admin\Hair-4-U-Manufacture\node_modules\@firebase\util\dist
  npm ERR! code EPERM
  npm ERR! errno -4048
  npm ERR! syscall unlink
  npm ERR! Error: EPERM: operation not permitted, unlink 'C:\Users\ruwan\Documents\projects\new project\Hair-4-U-hospital\Admin\Hair-4-U-Manufacture\node_modules\@firebase\util\dist'
  npm ERR!  { [Error: EPERM: operation not permitted, unlink 'C:\Users\ruwan\Documents\projects\new project\Hair-4-U-hospital\Admin\Hair-4-U-Manufacture\node_modules\@firebase\util\dist']
  npm ERR!   cause:
  npm ERR!    { Error: EPERM: operation not permitted, unlink 'C:\Users\ruwan\Documents\projects\new project\Hair-4-U-hospital\Admin\Hair-4-U-Manufacture\node_modules\@firebase\util\dist'
  npm ERR!      errno: -4048,
  npm ERR!      code: 'EPERM',
  npm ERR!      syscall: 'unlink',
  npm ERR!      path:
  npm ERR!       'C:\\Users\\ruwan\\Documents\\projects\\new project\\Hair-4-U-hospital\\Admin\\Hair-4-U-Manufacture\\node_modules\\@firebase\\util\\dist' },
  npm ERR!   stack:
  npm ERR!    'Error: EPERM: operation not permitted, unlink \'C:\\Users\\ruwan\\Documents\\projects\\new project\\Hair-4-U-hospital\\Admin\\Hair-4-U-Manufacture\\node_modules\\@firebase\\util\\dist\'',
  npm ERR!   errno: -4048,
  npm ERR!   code: 'EPERM',
  npm ERR!   syscall: 'unlink',
  npm ERR!   path:
  npm ERR!    'C:\\Users\\ruwan\\Documents\\projects\\new project\\Hair-4-U-hospital\\Admin\\Hair-4-U-Manufacture\\node_modules\\@firebase\\util\\dist',
  npm ERR!   parent: 'ngx-admin' }
  npm ERR!
  npm ERR! The operation was rejected by your operating system.
  npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
  npm ERR! or that you lack permissions to access it.
  npm ERR!
  npm ERR! If you believe this might be a permissions issue, please double-check the
  npm ERR! permissions of the file and its containing directories, or try running
  npm ERR! the command again as root/Administrator (though this is not recommended).
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\ruwan\AppData\Roaming\npm-cache\_logs\2019-05-06T02_06_24_456Z-debug.log
  PS C:\Users\ruwan\Documents\projects\new project\Hair-4-U-hospital\Admin\Hair-4-U-Manufacture&gt;
  </code></pre>
  
  <p>However I want to make a this sort of component according to tutorial.</p>
  
  <pre><code>import { Component } from '@angular/core';
  import { AngularFireStorage } from 'angularfire2/storage';
  
  @Component({
  selector: 'app-root',
  template: `
  &lt;label for="file"&gt;File:&lt;/label&gt;
  &lt;input type="file" (change)="upload($event)" accept=".png,.jpg" /&gt;
  `
  })
  export class AppComponent {
      constructor(private afStorage: AngularFireStorage) { }
      upload(event) {
          this.afStorage.upload('/upload/to/this-path', event.target.files[0]);  
      }
  }
  </code></pre>
  
  <p>Am I can't get <code>AngularFireStorage</code> from where currently exist packages inside the <code>"@angular/fire": "^5.1.2"</code></p>