vscode imports import console = request ("console"); automaticamente

import console = require("console");

console.<< Scrivo. e sopra viene importato automaticamente in VScode. Qualcuno sa come disabilitarlo?

(Suppongo sia una delle mie estensioni. Probabilmente più carina.)

modifica: succede solo nell'ambiente React Typescript. non in Typescript senza reagire.

Disclaimer: questa non dovrebbe essere considerata "la soluzione" ma è la più semplice / veloce.

Questa risposta presuppone che tu stia utilizzando VSCode. Gli altri IDE dovrebbero essere simili.

1. Iniziare a digitare console
2. Fare clic su Invio o digitare ., consentendo l'aggiunta di IntelliSenseimport console = require("console");
3. Ctrl + clic (o F12 o Cmd + clic su macOS) su require("console")
4. Commenta questo codice:

declare module "console" {
    export = console;
}

Ho riscontrato anche questo e sembra essere un problema con la funzione di importazione automatica in VSCode. Anche la disabilitazione di tutte le estensioni non sembra farla sparire.

Per ovviare al problema, è possibile disabilitare le autoimport nelle impostazioni.

Se usi Javascript

"javascript.suggest.autoImports": false

Se usi Typescript

"typescript.suggest.autoImports": false

EDIT: l'importazione automatica difettosa si verifica a causa di questo codice in un pacchetto lungo l'albero delle dipendenze

declare module "console" {
    export = console;
}

Il pacchetto può trovarsi nella directory node_modules locale o in un pacchetto di riferimento installato a livello globale.

1. Cerca i tuoi node_modules locali per declare module "console"
2. Se lo trovi in ​​un pacchetto locale, esegui npm list [packageName]per determinare quale pacchetto in package.json dipende dal pacchetto con al suo interno il codice della console.

Se non trovi il codice nel tuo node_modules locale, potresti farlo

1. Elimina i pacchetti uno a uno in package.json

2. Cerca il codice della console nei moduli installati a livello globale che possono essere referenziati dai pacchetti nel tuo progetto

% USERPROFILE% \ AppData \ Roaming \ npm \ node_modules% USERPROFILE% \ AppData \ Local \ Microsoft \ TypeScript

So che non è una soluzione semplice ma spero che sia di aiuto, nel mio caso ho avuto un riferimento dal nodo reazioni-nativo-copilota -> rimraf -> che conteneva il codice console. La rimozione del reagente nativo-copilota ha risolto il problema.

La soluzione più elegante che ho trovato è quella di creare console.d.tsfile fittizi da qualche parte nel tuo progetto:

declare module 'console' {
    export = typeof import("console");
}

Ciò impedirà l'importazione automatica.

Crediti: https://github.com/Microsoft/TypeScript/issues/30471#issuecomment-474963436

Se aggiungi uno snippet per l'inserimento console.loge lo usi invece, non verrà eseguita l'importazione automatica di "console"

https://code.visualstudio.com/docs/editor/userdefinedsnippets#_create-your-own-snippets

ecco il mio frammento:

{
    "Print to console": {
        "prefix": "cl",
        "body": [
            "console.log('$1');",
        ],
        "description": "Log output to console"
    }
}

Se ti piaccio dimentica "cl", puoi utilizzare più prefissi negli snippet :)

{
    "Print to console": {
        "prefix": ["cl","co","con","cons","conso","consol","console", "console.l","console.lo","console.log"],
        "body": [
            "console.log($1);",
        ],
        "description": "Log output to console"
    }   
}

Un modo per evitare che ciò accada è modificare il file tsconfig.json per limitare l'insieme di tipi che vengono importati automaticamente nel progetto.

Ho avuto lo stesso problema e l'ho risolto aggiungendo:

types: []

nel mio file tsconfig.json. Quello che fa è disabilitare TypeScript (e per estensione VSCode) dall'importazione automatica di tutti i pacchetti di nodi che si trovano @types/nella configurazione del progetto. Ciò non impedisce a TS di importare tali definizioni di tipo se si importa esplicitamente un pacchetto utilizzando tali tipi.

Nel mio caso specifico, la consoledefinizione veniva da @types/node, che era stata importata nel progetto come dipendenza del libro di fiabe. Tuttavia, il mio progetto era un progetto webpack, destinato ad essere eseguito in un browser, quindi l'importazione dei tipi Node.js nel mio codice sorgente non aveva senso. L'insieme di tipi di base che si desidera utilizzare in un browser sono tipi dom, non tipi di nodo.

A seconda del progetto, potrebbe essere necessario aggiungere esplicitamente il set di pacchetti di tipi base nel parametro types ( types: ["dom", "react"]e così via). Tuttavia, nel mio caso questo non è stato necessario, il mio progetto è stato in grado di compilare perfettamente con un elenco vuoto. E la tendenza di VSCode ad importare automaticamente "console" sembra essere completamente scomparsa; Finora non ho notato altri effetti negativi.

Maggiori informazioni sull'impostazione dei tipi in tsconfig.json qui: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html