title: Angular 6 - Update works but error with most imports - 'Cannot find module...'
body: <p>I've upgraded to Angular 6, including the latest version of Angular Material and RxJS, but a lot of my @angular imports are showing the '<em>Cannot find module</em>...' error in VSCode, despite the modules being present in my node_modules folder.</p>
  
  <p>No issues running the app itself, everything works fine since updating rxjs and changing some of the attribute directives for angular material, but I have a lot of warnings appearing in each file.</p>
  
  <p><strong>Package.json:</strong></p>
  
  <pre><code>{
    "name": "angular-5-firebase",
    "version": "0.0.0",
    "license": "MIT",
    "main": "main.js",
    "build": {
      "appId": "NickWCook.Angular5FirebaseFinanceManager",
      "productName": "Angular 5 Firebase Finance Manager"
    },
    "scripts": {
      "ng": "ng",
      "start": "ng serve",
      "build": "ng build --prod",
      "test": "ng test --browser ChromeHeadless",
      "watch": "ng test --browser ChromeHeadless",
      "lint": "ng lint",
      "e2e": "ng e2e",
      "deploy": "ng build --prod &amp;&amp; firebase deploy",
      "electron": "electron .",
      "electron-build": "ng build --prod &amp;&amp; electron .",
      "pack": "electron-builder --dir",
      "dist": "electron-builder"
    },
    "private": true,
    "dependencies": {
      "@angular/animations": "^6.0.3",
      "@angular/cdk": "^6.2.0",
      "@angular/common": "^6.0.3",
      "@angular/compiler": "^6.0.3",
      "@angular/core": "^6.0.3",
      "@angular/flex-layout": "6.0.0-beta.15",
      "@angular/forms": "^6.0.3",
      "@angular/http": "^6.0.3",
      "@angular/material": "^6.2.0",
      "@angular/material-moment-adapter": "^6.2.0",
      "@angular/platform-browser": "^6.0.3",
      "@angular/platform-browser-dynamic": "^6.0.3",
      "@angular/router": "^6.0.3",
      "@firebase/app-types": "^0.3.1",
      "@types/es6-promise": "^3.3.0",
      "@types/lodash": "^4.14.108",
      "angular-in-memory-web-api": "0.6.0",
      "angularfire2": "^5.0.0-rc.10",
      "core-js": "^2.4.1",
      "firebase": "^5.0.4",
      "global": "^4.3.2",
      "hammerjs": "^2.0.8",
      "jasmine": "^3.1.0",
      "lodash": "^4.17.10",
      "moment": "^2.21.0",
      "rxjs": "^6.2.0",
      "rxjs-compat": "^6.2.0",
      "zone.js": "^0.8.19"
    },
    "devDependencies": {
      "@angular-devkit/build-angular": "^0.7.0-beta.1",
      "@angular/cli": "^6.0.7",
      "@angular/compiler-cli": "^6.0.3",
      "@angular/language-service": "^6.0.3",
      "@types/faker": "^4.1.2",
      "@types/jasmine": "~2.8.3",
      "@types/jasminewd2": "~2.0.2",
      "@types/node": "~6.0.60",
      "codelyzer": "^4.0.1",
      "electron": "^1.8.4",
      "faker": "^4.1.0",
      "jasmine-core": "~2.8.0",
      "jasmine-spec-reporter": "~4.2.1",
      "karma": "~2.0.0",
      "karma-chrome-launcher": "~2.2.0",
      "karma-coverage-istanbul-reporter": "^1.2.1",
      "karma-jasmine": "~1.1.0",
      "karma-jasmine-html-reporter": "^0.2.2",
      "ngx-electron": "^1.0.4",
      "protractor": "~5.1.2",
      "ts-node": "~4.1.0",
      "tslint": "~5.9.1",
      "typescript": "2.7.2"
    },
    "repository": "https://github.com/nickwcook/firebase-work.git",
    "author": "Nick Cook &lt;nick@nickwcook.com&gt;"
  }
  </code></pre>