js 'türleri' yalnızca bir .ts dosyasında kullanılabilir - @ ts-check kullanılarak Visual Studio Code

Visual Studio Code üzerinde çalıştığım bir Node projesinde TypeScript kullanmaya başlıyorum. Flow'a benzer şekilde "dahil olma" stratejisini izlemek istedim. Bu nedenle // @ts-check, o .jsdosya için TS'yi etkinleştirmek umuduyla dosyamın en üstüne koydum . Nihayetinde Flow ile aynı "linting" deneyimini istiyorum, bu nedenle Intellisense uyarılarını / hatalarını görebilmek için TSLint eklentisini yükledim .

Ama dosyam şöyle görünüyor:

// @ts-check

module.exports = {
  someMethod: (param: string): string => {
    return param;
  },
};

ve dosyam tsconfig.jsonşuna benziyor ...

{
  "compilerOptions": {
      "target": "es2016",
      "module": "commonjs",
      "allowJs": true
  }
}

Bu hatayı alıyorum: [js] 'types' can only be used in a .ts file.aşağıdaki resimde gösterildiği gibi.

Vscode'da javascript doğrulamasını devre dışı bırakmayı öneren bu soruyu gördüm , ancak bu bana herhangi bir TypeScript Intellisense bilgisi göstermiyor.

Ben ayarlama çalıştı tslint.jsEnableiçin truehiçbir şans yok TSLint uzatma docs geçiyor, ancak benim vscode ayarlarında.

.jsDosyaları TypeScript ile kullanmak ve Intellisense almak için doğru kurulum nedir, böylece herhangi bir TS komutunu çalıştırmadan önce kodumdaki hataların ne olduğunu bilirim?

Ben kullanıyorum @flow vscode ile değil aynı problem vardı.

Bunu şu adımlarla çözdüm:

1. Flow Language Support uzantısını yükleyin
2. yerleşik TypeScript uzantısını devre dışı bırakın:

Yerleşik TypeScript nasıl devre dışı bırakılır:

1. gidin uzantıları sekmesi
2. @builtin TypeScript ve JavaScript Dil Özelliklerini arayın
3. Devre Dışı Bırak'a tıklayın

"javascript.validate.enable": falseVS Code ayarlarınızda kullanın , ESLINT'i devre dışı bırakmaz. Hem ESLINT hem de Flow kullanıyorum. Sadece Vs Kodu Kurulumu İçin Akış talimatlarını izleyin

Bu satırı settings.json içine ekleyerek. Yardım eder "javascript.validate.enable": false

Bir .tsdosya kullanmalısınız - örneğin test.ts, Typescript doğrulaması, typing değişkenler için akıllı algılar, dönüş türleri ve ayrıca "yazılan" hata denetimi (örneğin string, bir numberparametrenin hata vereceğini bekleyen bir yönteme a iletmek ).

Yoluyla (standart) içine .js aktarılacaktırtsc .

Güncelleme (11/2018):

Olumsuz oylara, çok faydalı yorumlara ve diğer yanıtlara dayalı olarak açıklama gerekiyor.

types

• Evet, animasyonda gösterildiği gibi dosyalarda typeVS Kodunu kontrol edebilirsiniz..js@ts-check

• Aslen Typescript için bahsettiğim typesşey .ts, tamamen aynı olmayan , bunun gibi bir şey:

  hello-world.ts

  function hello(str: string): string {
    return 1;
  }
  
  function foo(str:string):void{
     console.log(str);
  }
  

  Bu derlenmeyecek. Error: Type "1" is not assignable to String

• bu sözdizimini bir Javascript hello-world.js dosyasında denediyseniz :

  //@ts-check
  
  function hello(str: string): string {
    return 1;
  }
  
  function foo(str:string):void{
     console.log(str);
  }
  

  OP tarafından atıfta bulunulan hata mesajı gösterilir: [js] 'types' can only be used in a .ts file

Bunu ve OP'nin bağlamını kapsayan kaçırdığım bir şey varsa, lütfen ekleyin. Hepimiz öğrenelim.

Buraya inen ve diğer tüm çözümler işe yaramayan herkes için bunu deneyin. Typecript + react kullanıyorum ve benim sorunum, dosyaları vscode ile ilişkilendiriyor olmamdı, javascriptreactbu typescriptreactyüzden aşağıdaki girişler için ayarlarınızı kontrol edin.

   "files.associations": {
    "*.tsx": "typescriptreact",
    "*.ts": "typescriptreact"
  },