js 'types' สามารถใช้ได้เฉพาะในไฟล์. ts - Visual Studio Code โดยใช้ @ ts-check

ฉันกำลังเริ่มใช้ TypeScript ในโครงการ Node ที่ฉันกำลังทำใน Visual Studio Code ฉันต้องการทำตามกลยุทธ์ "เลือกใช้" ซึ่งคล้ายกับ Flow ดังนั้นฉันจึงวางไว้// @ts-checkที่ด้านบนสุดของ.jsไฟล์โดยหวังว่าจะเปิดใช้ TS สำหรับไฟล์นั้น ในที่สุดฉันก็ต้องการประสบการณ์ "linting" แบบเดียวกับ Flow ดังนั้นฉันจึงติดตั้งปลั๊กอินTSLintเพื่อให้ฉันเห็นคำเตือน / ข้อผิดพลาดของ Intellisense

แต่ด้วยไฟล์ของฉันดูเหมือน:

// @ts-check

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

และtsconfig.jsonไฟล์ของฉันดูเหมือน ...

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

ฉันได้รับข้อผิดพลาดนี้: [js] 'types' can only be used in a .ts file.ดังที่แสดงด้านล่างในภาพ

ฉันเห็นคำถามนี้ซึ่งแนะนำให้ปิดใช้งานการตรวจสอบความถูกต้องของจาวาสคริปต์ใน vscode แต่นั่นก็ไม่ได้แสดงข้อมูล TypeScript Intellisense ใด ๆ

ฉันพยายามตั้งค่าtslint.jsEnableเป็นtrueในการตั้งค่า vscode ตามที่ระบุไว้ในเอกสารส่วนขยาย TSLint แต่ไม่มีโชค

อะไรคือการตั้งค่าที่ถูกต้องเพื่อใช้.jsไฟล์กับ TypeScript และรับ Intellisense ดังนั้นฉันจึงรู้ว่าข้อผิดพลาดในโค้ดของฉันคืออะไรก่อนที่ฉันจะรันคำสั่ง TS

ฉันใช้@flowกับ vscode แต่มีปัญหาเดียวกัน

ฉันแก้ไขด้วยขั้นตอนนี้:

1. ติดตั้งส่วนขยายFlow Language Support
2. ปิดการใช้งานส่วนขยาย TypeScript ในตัว:

วิธีปิดใช้งาน TypeScript ในตัว:

1. ไปที่แท็บส่วนขยาย
2. ค้นหา@builtin TypeScript และ JavaScript Language Features
3. คลิกที่ปิดการใช้งาน

ใช้"javascript.validate.enable": falseในการตั้งค่า VS Code ของคุณจะไม่ปิดใช้งาน ESLINT ฉันใช้ทั้ง ESLINT & Flow เพียงทำตามคำแนะนำFlow For Vs Code Setup

เพิ่มบรรทัดนี้ใน settings.json ช่วย "javascript.validate.enable": false

คุณต้องใช้.tsไฟล์ - เช่นtest.tsเพื่อรับการตรวจสอบความถูกต้องของ typescript , intellisensetypingของ vars, return types รวมถึงการตรวจสอบข้อผิดพลาด "typed" (เช่นการส่ง a stringไปยัง method ที่คาดว่าnumberparam จะผิดพลาด)

มันจะถูกส่งไปยัง (มาตรฐาน) .js ทางtsc .

ปรับปรุง (11/2018):

จำเป็นต้องมีการชี้แจงโดยพิจารณาจากการลงคะแนนความคิดเห็นที่เป็นประโยชน์และคำตอบอื่น ๆ

types

• ได้คุณสามารถtypeตรวจสอบ VS Code ใน.jsไฟล์ด้วย@ts-check- ดังที่แสดงในภาพเคลื่อนไหว

• สิ่งที่ฉันอ้างถึงสำหรับtypescript ในตอนแรก typesนั้นเป็นสิ่ง.tsที่ไม่เหมือนกัน:

  hello-world.ts

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

  นี้จะไม่คอมไพล์ Error: Type "1" is not assignable to String

• หากคุณลองใช้ไวยากรณ์นี้ในไฟล์Javascript hello-world.js :

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

  ข้อความแสดงข้อผิดพลาดที่อ้างอิงโดย OP จะแสดง: [js] 'types' can only be used in a .ts file

หากมีบางสิ่งที่ฉันพลาดไปซึ่งครอบคลุมถึงเรื่องนี้รวมถึงบริบทของ OP โปรดเพิ่ม ขอให้ทุกคนเรียนรู้

สำหรับใครก็ตามที่มาที่นี่และวิธีแก้ปัญหาอื่น ๆ ไม่ได้ผลให้ลองทำดู ฉันใช้ typescript + react และปัญหาของฉันคือฉันกำลังเชื่อมโยงไฟล์ใน vscode เพราะjavascriptreactไม่ได้typescriptreactตรวจสอบการตั้งค่าของคุณสำหรับรายการต่อไปนี้

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