An error was encountered at line 7800, character 18 in the three-core.d.ts file in the node_modules/@types/three directory. The error message reads: "Cannot find name 'VRDisplay

I encountered an error in my Angular 6 app while running ng serve

   ERROR in node_modules/@types/three/three-core.d.ts(7800,18): error TS2304: Cannot find name 'VRDisplay'.
node_modules/@types/three/three-core.d.ts(7801,23): error TS2304: Cannot find name 'VRDisplay'.
node_modules/@types/three/three-vrcontrols.d.ts(15,27): error TS2304: Cannot find name 'VRDisplay'.
node_modules/@types/three/three-vreffect.d.ts(20,27): error TS2304: Cannot find name 'VRDisplay'.

Below are the dependencies being used

  "dependencies": {
"@angular/animations": "^6.0.3",
"@angular/cdk": "^6.4.5",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/platform-browser": "^6.0.0",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/platform-server": "^6.0.0",
"@angular/router": "^6.0.3",
"@ng-toolkit/serverless": "^1.1.41",
"@ng-toolkit/universal": "^1.1.41-beta.110",
"@nguniversal/express-engine": "^6.0.0",
"@nguniversal/module-map-ngfactory-loader": "^6.0.0",
"@types/aws-lambda": "^8.10.13",
"@types/greensock": "^1.15.32",
"@types/three": "^0.92.17",
"aws-serverless-express": "^3.2.0",
"bootstrap": "^4.1.3",
"core-js": "^2.5.4",
"cors": "~2.8.4",
"cp-cli": "^1.1.0",
"gsap": "^2.0.1",
"hamburgers": "^0.9.3",
"load-google-maps-api": "^1.3.2",
"rxjs": "^6.0.0",
"three": "^0.87.1",
"ts-loader": "4.2.0",
"webpack-cli": "^2.1.4",
"zone.js": "^0.8.26"
},

Previously, there were no issues with this setup. I have tried running npm install but the problem persists. Reverting to an old version of node_modules allows it to compile successfully, indicating a potential package-related issue rather than a Typescript configuration problem.

angulartypescriptthree.jstypescript-typings

Answer №1

VRDisplay can be found in the dom standard library within TypeScript 2.8 and later versions. Make sure to verify your current TypeScript version. If you have an older node_modules directory that contains a previous version of @types/three before the inclusion of VRDisplay, it might still work properly.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Guide on implementing Password Confirmation in Angular 7 User Registration

I am currently working on a project that involves creating a user registration form using Angular 7 for the frontend and Laravel 5.8 for the backend. While I have successfully implemented user password confirmation in the backend, I am facing some challeng ...

angularlaravelapi

Is it possible to use NG-zorro and Angular material concurrently without encountering any conflicts?

I have encountered an issue with using both the ng-zorro and standalone components libraries in my project at the same time. Running the command "ng add ng-zorro" overrides all of my CSS, causing frustration. I've tried using standalone components ins ...

angularangular-materialng-zorro-antd

Tips for organizing and controlling various segments of your Angular 2 application

I am working with a specific template and I want to organize my application using ASP.NET Areas. Let's consider a website that has a public area and an admin area. Currently, I can display the home area without any issues, but I am unsure about how to ...

angularasp.net-coreangular2-routing

How to retrieve the value of a variable accessible to all users in Angular?

In my code, I am working with a service variable called Users. Service: Users:BehaviorSubject<Array<any>> = new BehaviorSubject([]); I am updating the values in the component using this code: this.Service.Users.next([...this.Service.User ...

angulartypescriptrxjs-observables

Utilize the power of relative import by including the complete filename

When working on my TypeScript project, I have noticed that to import ./foo/index.ts, there are four different ways to do it: import Foo from './foo' // ❌ import Foo from './foo/index' // ❌ import Foo from './foo/i ...

typescripteslint

Incompatible parameter type for the Angular keyvalue pipe: the argument does not match the assigned parameter type

I need to display the keys and values of a map in my HTML file by iterating over it. To achieve this, I utilized Angular's *ngfor with the keyvalue pipe. However, I encountered an error when using ngFor: The argument type Map<string, BarcodeInfo ...

htmlangularjsangulartypescriptngfor

Error TS2339 occurs when attempting to migrate to TypeScript due to the absence of the 'PropTypes' property on the 'React' type

Currently in the process of converting a javascript/react project to a typescript/react/redux project. Encountering an issue with this particular file: import React from 'react'; import GoldenLayout from 'golden-layout'; import {Provi ...

reactjstypescriptredux

Set up a SQS queue to receive notifications from an SNS topic located in another AWS account by using AWS CDK in TypeScript

Looking to establish a connection between an SQS queue and an SNS topic located in a different account using CDK (TypeScript). Presented below is the code snippet (contained within a stack) that I believe should facilitate this integration. However, I have ...

typescriptamazon-web-servicesamazon-sqsamazon-snsaws-cdk

The value returned by a mocked Jest function is ignored, while the implemented function is not invoked

Having an issue with mocking the getToken function within my fetchData method in handler.ts while working with ts-jest. I specifically want to mock the response from getToken to avoid making the axios request when testing the fetchData method. However, des ...

javascripttypescriptunit-testingjestjsts-jest

Signal a return type error when the provided element label does not correspond with an existing entity

I am working on a component that accepts three props: children (React elements), index, and label. The goal is for the component to return the child element at a specific index when index is passed, and to return the element with a specific label when la ...

reactjstypescript

Choosing the Right Language for AngularJS 2: TypeScript, JavaScript, or Dart?

AngularJS 2 is on the horizon, and the documentation recommends three languages: Typescript, Javascript, and Dart. As someone who primarily works with Javascript EcmaScript 5, I'm curious about the strengths and weaknesses of these three options. Cu ...

javascripttypescriptdartangular

Troubleshooting Typescript compilation issues following an upgrade to a React Native project

I am facing a challenge while updating a react native project from version 0.63.3 to 0.67.0. When attempting to run npm run tsc, I encounter numerous errors indicating that the typescript packages are not compatible with their original packages. Here is a ...

reactjstypescriptreact-nativenpm

Having difficulty sending a message from an AngularJS application to an Angular 10 application through an iframe

I have two applications running locally - one is an AngularJS application and the other is an Angular 10 application. I am trying to access a page from the Angular 10 application using an iframe and send a message to it from the AngularJS application. How ...

javascriptangularjsangulariframecross-domain

Encountered an unexpected import token in Angular2 (SystemJS)

i am trying to find a solution for this issue in my Angular2 project. I encountered an error and need assistance: `"(SystemJS) Unexpected token import SyntaxError: Unexpected token import at Object.eval (http://....../app.module.js:14:25) at eval (h ...

angular

A guide on presenting time in the HH:MM format within Ionic 3

I have time data coming from the API in the format 13:45:56, and I want to display it as 13:45 (HH:MM). Can someone assist me with this? I attempted to use the Date pipe alongside the binding tag, but I encountered an error: InvalidPipeArgument: '23: ...

angularionic-frameworkionic3

Unraveling the structural directive string syntax within our custom Angular directive: A step-by-step guide

As previously mentioned, I am interested in using the current string-based syntax for structural directives within a custom directive. <element *ngFor='let x of array;let last = last;'></element> I have been unable to find detaile ...

angularangular-directiveangular2-directives

Supabase Authentication User Interface Error: Uncaught TypeError - Unable to access properties of null (specifically 'useState')

Concern Whenever I incorporate this Auth component into my login page, I encounter an issue. I am attempting to adhere to the guidelines provided in Supabase Auth with Next.js Pages Directory. If you suspect that this problem stems from a version discrepa ...

reactjstypescriptnext.jssupabase

Arranging an array of arrays based on the mm/dd/yyyy date field

Currently, I am facing an issue while attempting to sort data obtained from an API by date in the client-side view. Here is an example of the data being received: address: "1212 Test Ave" address2: "" checkNumber : "" city: "La Grange" country: "" email: ...

javascriptarraysangulartypescriptsorting

MongoDB NextJS connection issue "tried to retrieve a connection from a closed connection pool"

I am attempting to establish a connection to my MongoDB database in order to retrieve some information. When setting up the connection without fetching any data, everything works fine. However, when trying to fetch data, the console throws this error: at ...

reactjstypescriptmongodbnext.jsgetserversideprops

What is the reason behind being able to assign unidentified properties to a literal object in TypeScript?

type ExpectedType = Array<{ name: number, gender?: string }> function go1(p: ExpectedType) { } function f() { const a = [{name: 1, age: 2}] go1(a) // no error shown go1([{name: 1, age: 2}]) // error displayed ...

javascriptreactjsangulartypescript