impor vscode konsol impor = memerlukan ("konsol"); secara otomatis

import console = require("console");

console.<< Aku mengetik. dan di atas akan diimpor secara otomatis dalam VScode. Adakah yang tahu cara menonaktifkannya?

(Saya menganggap itu adalah salah satu ekstensi saya. Mungkin lebih cantik.)

sunting: ini hanya terjadi di lingkungan Bereaksi Typcript. tidak dalam naskah tanpa bereaksi.

Penafian: ini seharusnya tidak dianggap sebagai "solusi" tapi itu yang paling sederhana / tercepat.

Jawaban ini dengan asumsi Anda menggunakan VSCode. IDE lain harus serupa.

1. Mulai mengetik console
2. Klik enter atau ketik ., yang memungkinkan IntelliSense untuk menambahkanimport console = require("console");
3. Ctrl + klik (atau F12, atau Cmd + klik pada macOS) di require("console")
4. Komentari kode ini:

declare module "console" {
    export = console;
}

Saya juga mengalami hal ini dan sepertinya ada masalah dengan fitur Impor Otomatis di VSCode. Menonaktifkan semua ekstensi juga tidak membuatnya hilang.

Sebagai solusinya, Anda dapat menonaktifkan impor otomatis di pengaturan.

Jika Anda menggunakan Javascript

"javascript.suggest.autoImports": false

Jika Anda menggunakan naskah

"typescript.suggest.autoImports": false

EDIT: Autoimport yang rusak terjadi karena kode ini dalam paket turun pohon dependensi

declare module "console" {
    export = console;
}

Paket ini dapat ditemukan di direktori node_modules lokal Anda atau dalam paket referensi yang diinstal secara global.

1. Cari node_modules lokal Anda untuk declare module "console"
2. Jika Anda menemukannya di paket lokal, jalankan npm list [packageName]untuk menentukan paket mana di package.json tergantung pada paket dengan kode konsol di dalamnya.

Jika Anda tidak menemukan kode di node_modules lokal Anda, Anda juga bisa

1. Hilangkan paket satu per satu di package.json

2. Cari kode konsol dalam modul yang diinstal secara global yang dapat dirujuk oleh paket di proyek Anda

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

Saya tahu ini bukan solusi langsung tetapi saya harap ini membantu, dalam kasus saya, saya memiliki referensi dari react-native-copilot -> rimraf -> node yang memiliki kode konsol di dalamnya. Menghapus reaksi-asli-copilot memecahkan masalah.

Solusi paling elegan yang saya temukan adalah membuat console.d.tsfile dummy di suatu tempat di proyek Anda:

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

Ini akan mencegah impor otomatis.

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

Jika Anda menambahkan cuplikan untuk memasukkan console.logdan menggunakannya, tidak akan ada impor otomatis "konsol"

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

ini cuplikan saya:

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

Jika Anda suka saya lupa "cl", Anda dapat menggunakan beberapa awalan dalam cuplikan :)

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

Salah satu cara untuk mencegah hal ini terjadi adalah dengan memodifikasi file tsconfig.json Anda untuk membatasi serangkaian jenis yang secara otomatis diimpor ke proyek Anda.

Saya memiliki masalah yang sama, dan saya memperbaikinya dengan menambahkan:

types: []

ke file tsconfig.json saya. Apa yang dilakukan adalah menonaktifkan TypeScript (dan dengan ekstensi VSCode) dari secara otomatis mengimpor semua paket node yang sedang bersama @types/ke dalam konfigurasi proyek. Ini tidak mencegah TS dari mengimpor definisi tipe tersebut jika Anda secara eksplisit mengimpor paket menggunakan tipe-tipe itu.

Dalam kasus khusus saya, consoledefinisi itu berasal @types/node, yang telah diimpor ke proyek sebagai ketergantungan dari Storybook. Namun, proyek saya adalah proyek webpack, yang dimaksudkan untuk berjalan di browser, jadi mengimpor jenis Node.js ke kode sumber saya tidak masuk akal. Set dasar jenis yang ingin Anda gunakan di browser adalah tipe dom, bukan tipe node.

Bergantung pada proyek Anda, Anda mungkin harus menambahkan set paket tipe dasar secara eksplisit ke dalam parameter tipe ( types: ["dom", "react"]dan seterusnya). Namun, dalam kasus saya ini ternyata tidak perlu, proyek saya dapat dikompilasi dengan daftar kosong. Dan kecenderungan VSCode untuk secara otomatis mengimpor 'konsol' tampaknya telah sepenuhnya hilang; Saya belum melihat efek buruk lainnya sejauh ini.

Informasi lebih lanjut tentang pengaturan jenis di tsconfig.json di sini: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html