Importaciones vscódigo importar consola = require ("consola"); automáticamente

import console = require("console");

console.<< escribo. y superior se importa automáticamente en VScode. ¿Alguien sabe cómo deshabilitar eso?

(Supongo que es una de mis extensiones. Probablemente más bonita).

editar: solo ocurre en el entorno React Typecript. no en mecanografiado sin reaccionar.

Descargo de responsabilidad: esto no debe considerarse "la solución" pero es la más simple / rápida.

Esta respuesta supone que está usando VSCode. Otros IDE deben ser similares.

1. Comienza a escribir console
2. Haga clic en Intro o escriba ., permitiendo que IntelliSense agregueimport console = require("console");
3. Ctrl + clic (o F12, o Cmd + clic en macOS) en require("console")
4. Comenta este código:

declare module "console" {
    export = console;
}

Experimenté esto también y parece ser un problema con la función de importación automática en VSCode. Desactivar todas las extensiones tampoco parece hacer que desaparezca.

Como solución alternativa, puede deshabilitar las importaciones automáticas en la configuración.

Si usas Javascript

"javascript.suggest.autoImports": falso

Si usa mecanografiado

"typescript.suggest.autoImports": falso

EDITAR: la importación automática defectuosa se produce debido a este código en un paquete en el árbol de dependencia

declare module "console" {
    export = console;
}

El paquete puede ubicarse en su directorio local node_modules o en un paquete referenciado instalado globalmente.

1. Busque en su node_modules local para declare module "console"
2. Si lo encuentra en un paquete local, ejecute npm list [packageName]para determinar qué paquete en package.json depende del paquete con el código de la consola.

Si no encuentra código en su nodo_módulo local, puede

1. Eliminar paquetes uno por uno en package.json

2. Busque el código de la consola en módulos instalados globalmente a los que pueden hacer referencia los paquetes en su proyecto

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

Sé que no es una solución sencilla, pero espero que ayude, en mi caso tuve una referencia de react-native-copilot -> rimraf -> node que tenía el código de la consola. La eliminación de react-native-copilot resolvió el problema.

La solución más elegante que encontré es crear un console.d.tsarchivo ficticio en algún lugar de su proyecto:

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

Esto evitará la importación automática.

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

Si agrega un fragmento para insertarlo console.logy lo usa en su lugar, no habrá importación automática de "consola"

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

Aquí está mi fragmento:

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

Si te gusto, olvido "cl", puedes usar múltiples prefijos en fragmentos :)

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

Una forma de evitar que esto suceda es modificar su archivo tsconfig.json para limitar el conjunto de tipos que se importan automáticamente a su proyecto.

Tuve el mismo problema y lo solucioné agregando:

types: []

en mi archivo tsconfig.json. Lo que esto hace es deshabilitar TypeScript (y, por extensión, VSCode) de importar automáticamente todos los paquetes de nodos que se encuentren @types/en la configuración del proyecto. Esto no impide que TS importe esas definiciones de tipo si importa explícitamente un paquete usando esos tipos.

En mi caso específico, la consoledefinición provenía @types/node, que había sido importada al proyecto como una dependencia de Storybook. Sin embargo, mi proyecto era un proyecto de paquete web, destinado a ejecutarse en un navegador, por lo que importar tipos Node.js a mi código fuente no tenía sentido. El conjunto básico de tipos que desea utilizar en un navegador son tipos dom, no tipos de nodo.

Dependiendo de su proyecto, es posible que deba agregar explícitamente el conjunto de paquetes de tipo base al parámetro de tipos ( types: ["dom", "react"]y así sucesivamente). Sin embargo, en mi caso esto resultó ser innecesario, mi proyecto pudo compilarse perfectamente con una lista vacía. Y la tendencia de VSCode a importar automáticamente 'consola' parece haber desaparecido por completo; No he notado ningún otro efecto negativo hasta ahora.

Más información sobre la configuración de tipos en tsconfig.json aquí: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html