vscode içe aktarım konsolu = gerektirir ("konsol"); otomatik olarak

import console = require("console");

console.<< Yazıyorum. ve üstü VScode'da otomatik olarak içe aktarılır. Bunu nasıl devre dışı bırakacağını bilen var mı?

(Uzantılarımdan biri olduğunu varsayıyorum. Muhtemelen Daha Güzel.)

edit: sadece React Typescript ortamında olur. React olmadan Typescript'te değil.

Sorumluluk reddi: Bu "çözüm" olarak görülmemelidir, ancak en basit / en hızlısıdır.

Bu cevap, VSCode kullandığınızı varsaymaktadır. Diğer IDE'ler benzer olmalıdır.

1. Yazmaya başlayın console
2. IntelliSense'in eklenmesine .izin vererek girin veya yazınimport console = require("console");
3. Ctrl + tıklama (veya F12 veya macOS'te Cmd + tıklama) require("console")
4. Bu kodu yorumlayın:

declare module "console" {
    export = console;
}

Ben de bunu yaşadım ve VSCode'daki Otomatik İçe Aktarma özelliğiyle ilgili bir sorun gibi görünüyor. Tüm uzantıların devre dışı bırakılması da onu ortadan kaldırmaz.

Geçici bir çözüm olarak, otomatik ithalatı ayarlardan devre dışı bırakabilirsiniz.

Javascript kullanıyorsanız

"javascript.suggest.autoImports": false

Typescript kullanıyorsanız

"typescript.suggest.autoImports": false

DÜZENLEME: Hatalı otomatik içe aktarma, bağımlılık ağacındaki bir paketteki bu kod nedeniyle oluşur

declare module "console" {
    export = console;
}

Paket, yerel node_modules dizininizde veya global olarak yüklenmiş başvurulan bir pakette bulunabilir.

1. Yerel node_modüllerinizde arayın declare module "console"
2. Bunu yerel bir pakette bulursanız npm list [packageName], package.json'daki hangi paketin konsol kodunun içinde bulunduğu pakete bağımlı olduğunu belirlemek için çalıştırın .

Yerel node_modüllerinizde kodu bulamazsanız,

1. Package.json'daki paketleri tek tek ortadan kaldırın

2. Projenizdeki paketler tarafından referans verilebilecek küresel olarak yüklenmiş modüllerde konsol kodunu arayın

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

Bunun basit bir çözüm olmadığını biliyorum ama umarım yardımcı olur, benim durumumda konsol kodunun bulunduğu react-native-copilot -> rimraf -> düğümünden bir referans aldım. React-native-yardımcı pilotun kaldırılması sorunu çözdü.

Bulduğum en zarif çözüm console.d.ts, projenizin herhangi bir yerinde kukla dosya oluşturmak :

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

Bu, otomatik içe aktarmayı önleyecektir.

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

Eklemek için bir snippet ekler console.logve onun yerine kullanırsanız, "konsol" otomatik olarak içe aktarılmaz

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

İşte benim pasajım:

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

Eğer benim gibi "cl" yi unutursanız, snippet'lerde birden fazla önek kullanabilirsiniz :)

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

Bunun olmasını önlemenin bir yolu, tsconfig.json dosyanızı, projenize otomatik olarak içe aktarılan tür kümesini sınırlandıracak şekilde değiştirmektir.

Aynı sorunu yaşadım ve ekleyerek düzelttim:

types: []

tsconfig.json dosyama. Bunun yaptığı şey, TypeScript'in (ve VSCode uzantısına göre) birlikte olan tüm düğüm paketlerini @types/proje yapılandırmasına otomatik olarak içe aktarmasını devre dışı bırakmaktır . Bu türleri kullanarak bir paketi açıkça içe aktarırsanız, bu, TS'nin bu tür tanımlarını içe aktarmasını engellemez.

Benim özel durumumda, consoletanım, @types/nodeStorybook'un bir bağımlılığı olarak projeye aktarılan tanımdan geliyordu . Bununla birlikte, projem bir tarayıcıda çalışması amaçlanan bir web paketi projesiydi, bu nedenle Node.js türlerini kaynak koduma aktarmanın bir anlamı yoktu. Bir tarayıcıda kullanmak isteyeceğiniz temel türler kümesi, düğüm türleri değil, etki alanı türleridir.

Projenize bağlı olarak, temel tür paketleri kümesini açıkça türler parametresine ( types: ["dom", "react"]vb.) Eklemeniz gerekebilir . Ancak, benim durumumda bunun gereksiz olduğu ortaya çıktı, projem boş bir listeyle gayet iyi bir şekilde derleyebildi. Ve VSCode'un 'konsolu' otomatik olarak içe aktarma eğilimi tamamen ortadan kalkmış görünüyor; Şimdiye kadar başka bir kötü etki fark etmedim.

Tsconfig.json'da türleri ayarlama hakkında daha fazla bilgiyi burada bulabilirsiniz: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html