title: Angular 11: Why can't the compiler find 'GeolocationPosition' during compiling? "Cannot find name 'GeolocationPosition'"
body: <p>Why does the angular compiler can't find <code>GeolocationPosition</code> and <code>GeolocationPositionError</code>? VSC doesn't give an error and only during compiling it gives me an error.</p>
  <pre><code>Error: src/app/modules/shared/services/position.service.ts:10:46 - error TS2304: Cannot find name 'GeolocationPosition'.
  
  10   private positionSource = new ReplaySubject&lt;GeolocationPosition&gt;(1);
  </code></pre>
  <p>I worked around this by putting the <code>any</code> type instead, but I'm just curious why Angular is giving me the error and how I can fix this.</p>
  <p>I've already tried different compiler targets (<code>es5</code>, <code>es6</code>, <code>es2018</code>) but with no luck. Already installed <code>@types/core-js</code> but also without any luck. Is there any @types module that I'm missing perhaps?</p>
  <p>This is my current tsconfig.json</p>
  <pre><code>{
    &quot;compileOnSave&quot;: false,
    &quot;compilerOptions&quot;: {
      &quot;baseUrl&quot;: &quot;./&quot;,
      &quot;outDir&quot;: &quot;./dist/out-tsc&quot;,
      &quot;forceConsistentCasingInFileNames&quot;: true,
      &quot;strict&quot;: true,
      &quot;noImplicitReturns&quot;: true,
      &quot;noFallthroughCasesInSwitch&quot;: true,
      &quot;sourceMap&quot;: true,
      &quot;declaration&quot;: false,
      &quot;downlevelIteration&quot;: true,
      &quot;experimentalDecorators&quot;: true,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;importHelpers&quot;: true,
      &quot;target&quot;: &quot;es5&quot;,
      &quot;module&quot;: &quot;es2020&quot;,
      &quot;lib&quot;: [
        &quot;es2018&quot;,
        &quot;dom&quot;
      ]
    },
    &quot;angularCompilerOptions&quot;: {
      &quot;strictInjectionParameters&quot;: true,
      &quot;strictInputAccessModifiers&quot;: true,
      &quot;strictTemplates&quot;: true
    }
  }
  
  </code></pre>