vscode імпортувати консоль імпорту = вимагати ("консоль"); автоматично

import console = require("console");

console.<< Я набираю. і вище, автоматично імпортується у VScode. Хтось знає, як це відключити?

(Я припускаю, що це одне з моїх розширень. Напевно, красивіше.)

редагувати: це відбувається лише в середовищі React Typescript. не в Typescript без реакції.

Відмова від відповідальності: це не слід вважати "рішенням", але це найпростіший / швидкий.

Ця відповідь передбачає, що ви використовуєте VSCode. Інші ІДЕ повинні бути подібними.

1. Почніть вводити текст console
2. Клацніть Enter або введіть ., щоб IntelliSense додававimport console = require("console");
3. Ctrl + клацніть (або F12, або Cmd + натисніть на macOS) require("console")
4. Прокоментуйте цей код:

declare module "console" {
    export = console;
}

Це я пережив і це, мабуть, проблема з функцією автоматичного імпорту у VSCode. Якщо вимкнути всі розширення, це, мабуть, також не зникне.

Як вирішення, ви можете відключити автоімпорт у налаштуваннях.

Якщо ви використовуєте Javascript

"javascript.suggest.autoImports": помилково

Якщо ви використовуєте Typescript

"typecript.suggest.autoImports": false

EDIT: Несправний автоімпорт виникає через цей код у пакеті вниз по дереву залежностей

declare module "console" {
    export = console;
}

Пакет може бути розташований у вашому локальному каталозі node_modules або у посилальному пакеті, встановленому в усьому світі.

1. Шукайте локальні модулі node_ declare module "console"
2. Якщо ви знайдете його в локальному пакеті, запустіть, npm list [packageName]щоб визначити, який пакет у package.json залежить від пакета з кодом консолі.

Якщо ви не знайдете код у своїх локальних модулях node_, ви можете також

1. Виключіть пакети один за іншим у package.json

2. Шукайте код консолі в глобально встановлених модулях, на які можуть бути посилання пакетами у вашому проекті

% USERPROFILE% \ AppData \ Роумінг \ npm \ node_modules% USERPROFILE% \ AppData \ Local \ Microsoft \ TypeScript

Я знаю, що це не просте рішення, але я сподіваюся, що це допомагає, у моєму випадку у мене було посилання на react-native-copilot -> rimraf -> вузол, у якому був консольний код. Видалення реакції-нативної копіювальної машини вирішило проблему.

Найелегантніше рішення, яке я знайшов - це створити фіктивний console.d.tsфайл десь у вашому проекті:

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

Це запобіжить автоматичний імпорт.

Кредити: https://github.com/Microsoft/TypeScript/isissue/30471#issuecomment-474963436

Якщо ви додасте фрагмент для вставки console.logта використовуватимете це, замість цього не буде автоматичного імпорту "консолі"

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

ось мій фрагмент:

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

Якщо ви любите, що я забуває "cl", ви можете використовувати кілька фрагментів у фрагментах :)

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

Один із способів уникнути цього - змінити файл tsconfig.json, щоб обмежити набір типів, які автоматично імпортуються у ваш проект.

У мене була ця сама проблема, і я її вирішив, додавши:

types: []

у мій файл tsconfig.json. Це означає, що вимкніть TypeScript (і розширення VSCode) від автоматичного імпорту всіх пакетів вузлів, які знаходяться @types/в конфігурації проекту. Це не заважає TS імпортувати визначення цих типів, якщо ви явно імпортуєте пакет, використовуючи ці типи.

У моєму конкретному випадку це consoleвизначення виходило@types/node , яке було імпортовано в проект як залежність від Storybook. Однак мій проект був проектом webpack, призначеного для запуску в браузері, тому імпортувати типи Node.js у мій вихідний код не було сенсу. Базовим набором типів, які ви хочете використовувати в браузері, є типи dom, а не типи вузлів.

Залежно від вашого проекту, можливо, вам доведеться явно додати набір пакетів базового типу в параметр type ( types: ["dom", "react"]і так далі). Однак у моєму випадку це виявилося непотрібним, мій проект зміг скласти просто чудово з порожнім списком. І тенденція VSCode до автоматичного імпорту "консолі" повністю зникла; Я поки не помічав жодних інших негативних наслідків.

Більше інформації про типи налаштувань у tsconfig.json тут: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html