Error in TypeScript: Circular reference in type alias 'Argument' in node_modules/classnames/index.d.ts at line 13:13

Need help troubleshooting an error while building my project. Can't find much information online to resolve this issue. I am using typescript 4.2.4

I can't locate the classnames/index.d.ts file in any directory, so I'm unable to make any changes to it.

Is this possibly due to incorrect versions installed or a logic problem?


[48:02.5]  type checking completed in 12.00 seconds

[ ERROR ]  TypeScript: node_modules/classnames/index.d.ts:13:13
           Type alias 'Argument' is circularly referencing itself.

     Line 12:  export type Mapping = { [key: string]: any };
     Line 13:  export type Argument = Value | Mapping | Argument[];

[48:02.5]  build failed in 12.14 seconds

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f19b9d9ddc98819db1c1dfc1dfc0">[email protected]</a> stencil:build: `stencil build --docs`
npm ERR! Exit status 1
npm ERR! 
npm ERR! The script <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1a70767637736a765a2a342a342b">[email protected]</a> stencil:build has failed.
npm ERR! It's likely not an npm issue. There may be more logs above.

npm ERR! Log for this run is available at:
npm ERR!     /Users/eduardo.gc/.npm/_logs/2021-05-18T15_48_02_641Z-debug.log
Rendering Complete, CSS file saved...
CSS written to /Users/eduardo.gc/Desktop/git/property-listings/ui.apps/src/main/content/jcr_root/etc/designs/global-property-listings/ipl.css
Source Map saved to /Users/eduardo.gc/Desktop/git/property-listings/ui.apps/src/main/content/jcr_root/etc/designs/global-property-listings/ipl.css.map
ERROR: "stencil:build" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b3d9dfdf9edac3dff3839d839d82">[email protected]</a> build:js: `npm-run-all stencil:build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fd979191d0948d91bdcdd3cdd3cc">[email protected]</a> build:js script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/eduardo.gc/.npm/_logs/2021-05-18T15_48_03_571Z-debug.log
ERROR: "build:js" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="650f0909480c150925554b554b54">[email protected]</a> build: `npm-run-all -p build:*`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0b61676726627b674b3b253b253a">[email protected]</a> build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/eduardo.gc/.npm/_logs/2021-05-18T15_48_03_678Z-debug.log
[ERROR] An error occurred during command execution.
org.apache.commons.exec.ExecuteException: Process terminated with an error: 1 (Exit code: 1)
    at org.apache.commons.exec.DefaultExecutor.executeInternal (DefaultExecutor.java:404)
    at org.apache.commons.exec.DefaultExecutor.execute (DefaultExecutor.java:166)
    at org.codehaus.mojo.exec.ExecMojo.executeCommandLine (ExecMojo.java:804)
    at org.codehaus.mojo.exec.ExecMojo.executeCommandLine (ExecMojo.java:751)
    at org.codehaus.mojo.exec.ExecMojo.execute (ExecMojo.java:313)
    at org.apache.maven.plugin.DefaultBuildPluginManager.executeMojo (DefaultBuildPluginManager.java:137)
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute (MojoExecutor.java:210)
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute (MojoExecutor.java:156)
    at org.apache.maven.lifecycle.internal.MojoExecutor.execute (MojoExecutor.java:148)
    at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject (LifecycleModuleBuilder.java:117)
    at org.apache.maven.lifecycle.internal.LifecycleModuleBuilder.buildProject (LifecycleModuleBuilder.java:81)
    at org.apache.maven.lifecycle.internal.builder.singlethreaded.SingleThreadedBuilder.build (SingleThreadedBuilder.java:56)
    at org.apache.maven.lifecycle.internal.LifecycleStarter.execute (LifecycleStarter.java:128)
    at org.apache.maven.DefaultMaven.doExecute (DefaultMaven.java:305)
    at org.apache.maven.DefaultMaven.doExecute (DefaultMaven.java:192)
    at org.apache.maven.DefaultMaven.execute (DefaultMaven.java:105)
    at org.apache.maven.cli.MavenCli.execute (MavenCli.java:957)
    at org.apache.maven.cli.MavenCli.doMain (MavenCli.java:289)
    at org.apache.maven.cli.MavenCli.main (MavenCli.java:193)
    at sun.reflect.NativeMethodAccessorImpl.invoke0 (Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke (NativeMethodAccessorImpl.java:62)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke (DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke (Method.java:498)
    at org.codehaus.plexus.classworlds.launcher.Launcher.launchEnhanced (Launcher.java:282)
    at org.codehaus.plexus.classworlds.launcher.Launcher.launch (Launcher.java:225)
    at org.codehaus.plexus.classworlds.launcher.Launcher.mainWithExitCode (Launcher.java:406)
    at org.codehaus.plexus.classworlds.launcher.Launcher.main (Launcher.java:347)
typescriptmavennpmaem

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

Difficulty in toggling the visibility of the react-date-range picker package when selecting a date

I need assistance with a problem I'm facing. I am having trouble hiding and showing the react-date-range picker upon date selection. The issue is related to a package that I am using for date range selection. You can find the package link here - https ...

javascriptreactjstypescript

Just made the switch to Mongoose 5.12 and hit a snag - unable to use findOneAndUpdate with the $push operator

After upgrading to Mongoose 5.12 from 5.11 and incorporating Typescript, I encountered an issue with my schema: const MyFileSchema = new Schema<IMyFile>({ objectID: { type: String, required: true }, attachments: { type: Array, required: false ...

typescriptmongoosepushfindoneandupdate

script not found: typings-install

When running the command npm run typings-install, I encountered the following error: npm ERR! Windows_NT 6.1.7601 npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\n ...

typescriptangularnpm

How to Resolve a Typescript Promise Syntax Error?

I have been working on creating a login authorization system to secure certain routes in an angular application, but I keep encountering a TypeScript error in the auth-guard.service during compilation. Despite my efforts, I am unable to pinpoint the issue. ...

angulartypescript

When making a GET request using Angular HttpClient, an error message stating "No overload matches this call" may

One issue I am facing is with a GET method in my backend. When sending a request body as input, I receive a list of results in return. However, the problem arises in my frontend: search(cat: Cat): Observable<Cat[]> { return this.httpClient.ge ...

angulartypescriptangular-httpclient

What could be the reason for the Angular2 Component property not appearing on my webpage?

Here is the code snippet I am working with: import {Component} from "@angular/core"; @Component({ selector: 'my-app', template: ` <h1>{{title}}</h1> <h2>{{secondTitle}}</h2> <main-page></ma ...

angulartypescript

Encountering Vue linting errors related to the defineEmits function

I am encountering an issue with the linting of my Vue SPA. I am using the defineEmits function from the script setup syntactic sugar (https://v3.vuejs.org/api/sfc-script-setup.html). The error messages are perplexing, and I am seeking assistance on how to ...

javascripttypescriptvue.jseslintvue-composition-api

The error message indicates a compatibility issue between parameters 'r' and 'a'

Attempting to reproduce the code found in this blog post, but encountering some perplexing errors. import { option, identity, apply } from 'fp-ts'; import type { Kind, URIS } from 'fp-ts/HKT'; import { pipe } from 'fp-ts/lib/functi ...

typescriptfunctional-programmingfp-ts

How to Stop Browser Tooltip from Displaying HTML Tags within "innerHtml" in Angular 6

In my Angular application, a template is using the following code snippet: ... <span [innerHtml]="textVar"></span> ... The textVar variable is created to allow for special styling on certain characters or strings. It's formatted using th ...

javascripthtmlangulartypescript

Error message "process.nextTick(() => { throw err; });" encountered while attempting to build an Angular image in a Docker environment

Looking at my Dockerfile below, I had everything set up just fine two weeks ago when I ran docker build -t imgTest .. However, today when I tried running it again, I encountered the following error: Node.js version v21.0.0 detected. Odd numbered Node.js ve ...

node.jsangulardockernpmdocker-image

What is the best approach to limit the return type of a function in JSX?

Is it possible to create a function where the return type should be a specific JSX type? For instance: const setHosting : <GitlabLogo> | <GithubLogo> = (h: Hosting) => ??? In this case, the return type must either be <GitlabLogo> or ...

reactjstypescriptjsx

Encountered an error while trying to retrieve data from

Having trouble with file uploads to the S3 bucket using @aws-sdk/client-s3 library and encountering errors when uploading files larger than 70kbps: `TypeError: Failed to fetch at FetchHttpHandler.handle (fetch-http-handler.js:56:13) at PutObjectCommand ...

javascriptnode.jstypescriptaws-sdkreact-tsx

Having trouble with node module depths in npm2 on macOS?

For Windows-based projects using node.js, it is advisable to utilize an npm package like flatten-packages to manage directory depth and avoid surpassing the MAX_PATH limitation. More information on this limitation can be found here: https://msdn.microsoft. ...

node.jsmacosnpm

Error: Trying to destroy a property that does not exist

I need assistance with deleting a product in my NODE JS application, and here is the relevant code snippet: exports.postEditProduct = (req, res, next) => { // working fine so far const prodId = req.body.productId; const updatedTitle = req.body.title ...

node.jsnpmsequelize.js

Redis Cache expiry concept

Recently, I've come across an issue with ioredis where I have been setting a key and expiration for that key in my code. Here's a snippet of what my code looks like: let temp1 = acct.limit; let txn = array.length; let cache = new ioredis(); // p ...

node.jstypescriptredisioredis

Draggable bar charts in Highcharts allow users to interact with the data by clicking

I'm working on creating a chart that allows for setting values by clicking and dragging. While the dragging functionality is working fine, I've run into an issue with the click event. When I click to set a new value, the draggable feature acts er ...

angulartypescripthighchartsangular5

The bubble test encountered an error while attempting to install npm

Every time I run npm install, the installation process goes smoothly until the very end, where this error suddenly pops up: npm ERR! 436 passing (12s) npm ERR! 3 pending npm ERR! 2 failing ... I'm currently working on an Angular App and even af ...

angularnpmtimeoutmocha.jsbublejs

When attempting to execute the 'npm start' command, an error was encountered stating "start" script is

Encountering an issue when running "npm start." Other users have addressed similar problems by adjusting the package.json file, so I made modifications on mine: "scripts": { "start": "node app.js" }, However, t ...

javascriptnode.jsjsonnpmwebpack

TypeScript: creating an interface property that relies on the value of another

Is it feasible to have an interface property that relies on another? For instance, consider the following: const object = { foo: 'hello', bar: { hello: '123', }, } I wish to ensure that the key in bar corresponds to the value of f ...

javascriptreactjsangulartypescriptreact-redux

I am encountering an error that states: UnhandledPromiseRejectionWarning: TypeError: Unable to retrieve the property 'buffer' as it is undefined

I am facing an issue with my code where I am unable to upload new files to my website. Can someone help me understand what might be causing this problem? const multer = require("multer"); const upload = multer({ storage: multer.memoryStorage() ...

javascriptnode.jsnpm