js 'types' hanya dapat digunakan dalam file .ts - Visual Studio Code menggunakan @ ts-check

Saya mulai menggunakan TypeScript dalam proyek Node yang saya kerjakan dalam Visual Studio Code. Saya ingin mengikuti strategi "ikut serta", mirip dengan Flow. Oleh karena itu saya meletakkan // @ts-checkdi bagian atas .jsfile saya dengan harapan dapat mengaktifkan TS untuk file itu. Pada akhirnya saya menginginkan pengalaman yang sama tentang "linting" seperti Flow, oleh karena itu saya menginstal plugin TSLint sehingga saya dapat melihat peringatan / kesalahan Intellisense.

Tetapi dengan file saya terlihat seperti:

// @ts-check

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

dan tsconfig.jsonfile saya terlihat seperti ...

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

Saya mendapatkan kesalahan ini: [js] 'types' can only be used in a .ts file.seperti yang ditunjukkan di bawah ini pada gambar.

Saya melihat pertanyaan ini yang merekomendasikan menonaktifkan validasi javascript di vscode tetapi kemudian itu tidak menunjukkan kepada saya setiap Info naskah Intellisense.

Saya mencoba mengatur tslint.jsEnableketrue dalam pengaturan vscode saya seperti yang disebutkan dalam dokumen ekstensi TSLint tetapi tidak berhasil di sana.

Apa pengaturan yang benar untuk menggunakan .jsfile dengan TypeScript dan mendapatkan Intellisense jadi saya tahu apa kesalahan dalam kode saya sebelum saya menjalankan perintah TS?

Saya menggunakan @flow dengan vscode tetapi memiliki masalah yang sama.

Saya menyelesaikannya dengan langkah-langkah ini:

1. pasang ekstensi Dukungan Bahasa Flow
2. nonaktifkan ekstensi TypeScript bawaan:

Cara menonaktifkan TypeScript bawaan:

1. pergi ke tab ekstensi
2. cari @builtin TypeScript dan Fitur Bahasa JavaScript
3. klik Nonaktifkan

Gunakan "javascript.validate.enable": falsedalam pengaturan VS Code Anda, Ini tidak menonaktifkan ESLINT. Saya menggunakan ESLINT & Flow. Cukup ikuti instruksi Pengaturan Flow For Vs Code

Menambahkan baris ini di settings.json. Membantu "javascript.validate.enable": false

Anda harus menggunakan .tsfile - misalnya test.tsuntuk mendapatkan validasi Ketikan , intellisensetyping vars, jenis kembalian, serta pemeriksaan kesalahan "yang diketik" (misalnya meneruskan a stringke metode yang mengharapkannumber parameter akan error).

Ini akan ditransformasikan ke dalam (standar) .js melaluitsc .

Pembaruan (11/2018):

Klarifikasi diperlukan berdasarkan suara negatif, komentar yang sangat membantu dan jawaban lain.

types

• Ya, Anda dapat melakukan typepengecekan di VS Code di .jsfile dengan @ts-check- seperti yang ditunjukkan dalam animasi

• Apa yang awalnya saya maksud untuk Typecript types adalah sesuatu seperti ini .tsyang tidak persis sama:

  hello-world.ts

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

  Ini tidak akan dikompilasi. Error: Type "1" is not assignable to String

• jika Anda mencoba sintaks ini dalam file Javascript hello-world.js :

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

  Pesan kesalahan yang direferensikan oleh OP ditampilkan: [js] 'types' can only be used in a .ts file

Jika ada sesuatu yang saya lewatkan yang mencakup ini serta konteks OP, silakan tambahkan. Mari kita semua belajar.

Bagi siapa pun yang mendarat di sini dan semua solusi lain tidak berhasil, cobalah ini. Saya menggunakan skrip + bereaksi dan masalah saya adalah bahwa saya mengaitkan file di vscode karena javascriptreacttidak typescriptreactjadi periksa pengaturan Anda untuk entri berikut.

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