vscode importations import console = require («console»); automatiquement

import console = require("console");

console.<< Je tape. et au-dessus est importé automatiquement dans VScode. Quelqu'un sait comment désactiver cela?

(Je suppose que c'est l'une de mes extensions. Probablement plus jolie.)

edit: cela ne se produit que dans l'environnement React Typescript. pas dans Typescript sans réagir.

Avertissement: cela ne devrait pas être considéré comme "la solution" mais c'est la plus simple / la plus rapide.

Cette réponse suppose que vous utilisez VSCode. Les autres IDE devraient être similaires.

1. Commencer à écrire console
2. Cliquez sur Entrée ou tapez ., permettant à IntelliSense d'ajouterimport console = require("console");
3. Ctrl + clic (ou F12, ou Cmd + clic sur macOS) sur require("console")
4. Commentez ce code:

declare module "console" {
    export = console;
}

J'ai également vécu cela et cela semble être un problème avec la fonction d'importation automatique de VSCode. La désactivation de toutes les extensions ne semble pas non plus la faire disparaître.

Pour contourner ce problème, vous pouvez désactiver les importations automatiques dans les paramètres.

Si vous utilisez Javascript

"javascript.suggest.autoImports": false

Si vous utilisez Typescript

"typescript.suggest.autoImports": false

EDIT: l'autoimportation défectueuse se produit à cause de ce code dans un package dans l'arborescence des dépendances

declare module "console" {
    export = console;
}

Le package peut être situé dans votre répertoire node_modules local ou dans un package référencé installé globalement.

1. Recherchez dans vos node_modules locaux declare module "console"
2. Si vous le trouvez dans un package local, exécutez npm list [packageName]pour déterminer quel package de package.json dépend du package contenant le code de la console.

Si vous ne trouvez pas de code dans vos node_modules locaux, vous pouvez non plus

1. Éliminez les packages un par un dans package.json

2. Recherchez le code de la console dans les modules installés globalement qui peuvent être référencés par les packages de votre projet

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

Je sais que ce n'est pas une solution simple mais j'espère que cela aide, dans mon cas, j'avais une référence de react-native-copilot -> rimraf -> node qui contenait le code de la console. La suppression de react-native-copilot a résolu le problème.

La solution la plus élégante que j'ai trouvée est de créer un console.d.tsfichier factice quelque part dans votre projet:

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

Cela empêchera l'importation automatique.

Crédits: https://github.com/Microsoft/TypeScript/issues/30471#issuecomment-474963436

Si vous ajoutez un extrait de code à insérer console.loget que vous l'utilisez à la place, il n'y aura pas d'importation automatique de "console"

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

voici mon extrait:

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

Si vous comme moi oubliez "cl", vous pouvez utiliser plusieurs préfixes dans les extraits :)

{
    "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"
    }   
}

Une façon d'éviter cela est de modifier votre fichier tsconfig.json pour limiter l'ensemble de types qui sont automatiquement importés dans votre projet.

J'ai eu ce même problème, et je l'ai résolu en ajoutant:

types: []

dans mon fichier tsconfig.json. Cela empêche TypeScript (et par extension VSCode) d'importer automatiquement tous les packages de nœuds avec @types/dans la configuration du projet. Cela n'empêche pas TS d'importer ces définitions de type si vous importez explicitement un package utilisant ces types.

Dans mon cas particulier, la consoledéfinition venait de @types/node, qui avait été importée dans le projet en tant que dépendance de Storybook. Cependant, mon projet était un projet Webpack, destiné à s'exécuter dans un navigateur, donc importer des types Node.js dans mon code source n'avait aucun sens. L'ensemble de base des types que vous souhaitez utiliser dans un navigateur sont des types dom, pas des types de nœuds.

Selon votre projet, vous devrez peut-être ajouter explicitement l'ensemble des packages de type de base dans le paramètre types ( types: ["dom", "react"]et ainsi de suite). Cependant, dans mon cas, cela s'est avéré inutile, mon projet a pu se compiler très bien avec une liste vide. Et la tendance de VSCode à importer automatiquement la «console» semble avoir complètement disparu; Je n'ai pas remarqué d'autres effets néfastes jusqu'à présent.

Plus d'informations sur la configuration des types dans tsconfig.json ici: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html