js 'type' chỉ có thể được sử dụng trong tệp .ts - Visual Studio Code sử dụng @ ts-check

Tôi đang bắt đầu sử dụng TypeScript trong một dự án Node mà tôi đang làm việc trong Visual Studio Code. Tôi muốn thực hiện theo chiến lược "chọn tham gia", tương tự như Flow. Do đó, tôi đặt // @ts-checkở đầu .jstệp của mình với hy vọng có thể kích hoạt TS cho tệp đó. Cuối cùng, tôi muốn có trải nghiệm "linting" giống như Flow, do đó tôi đã cài đặt plugin TSLint để có thể thấy các cảnh báo / lỗi Intellisense.

Nhưng với tệp của tôi trông giống như:

// @ts-check

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

và tsconfig.jsontệp của tôi trông giống như ...

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

Tôi gặp lỗi này: [js] 'types' can only be used in a .ts file.như được hiển thị bên dưới trong hình ảnh.

Tôi đã thấy câu hỏi này đề xuất tắt xác thực javascript trong vscode nhưng sau đó điều đó không hiển thị cho tôi bất kỳ thông tin TypeScript Intellisense nào.

Tôi đã thử đặt tslint.jsEnablethành truetrong cài đặt vscode của mình như đã đề cập trong tài liệu mở rộng TSLint nhưng không may mắn ở đó.

Cách thiết lập chính xác để sử dụng .jstệp với TypeScript và tải Intellisense là gì để tôi biết lỗi trong mã của mình là gì trước khi chạy bất kỳ lệnh TS nào?

Tôi đang sử dụng @flow với vscode nhưng gặp sự cố tương tự.

Tôi đã giải quyết nó bằng các bước sau:

1. cài đặt tiện ích mở rộng Hỗ trợ ngôn ngữ luồng
2. tắt tiện ích mở rộng TypeScript được tích hợp sẵn:

Cách tắt TypeScript cài sẵn:

1. chuyển đến tab tiện ích mở rộng
2. tìm kiếm @builtin Tính năng TypeScript và Ngôn ngữ JavaScript
3. bấm vào Disable

Sử dụng "javascript.validate.enable": falsetrong cài đặt Mã VS của bạn, Nó không tắt ESLINT. Tôi sử dụng cả ESLINT & Flow. Chỉ cần làm theo hướng dẫn Quy trình thiết lập mã Vs

Thêm dòng này trong settings.json. Giúp đỡ "javascript.validate.enable": false

Bạn phải sử dụng một .tstệp - ví dụ: test.tsđể có được xác thực Typecript , intellisensetyping của vars, kiểu trả về, cũng như kiểm tra lỗi "đã nhập" (ví dụ: chuyển stringmột phương thức đến một phương thức mà dự kiến ​​một numbertham số sẽ bị lỗi).

Nó sẽ được chuyển thành (tiêu chuẩn) .js quatsc .

Cập nhật (11/2018):

Cần làm rõ dựa trên lượt bình chọn thấp, nhận xét rất hữu ích và các câu trả lời khác.

types

• Có, bạn có thể typekiểm tra Mã VS trong .jscác tệp với @ts-check- như được hiển thị trong hình ảnh động

• Những gì ban đầu tôi đề cập đến cho Typecript types là một cái gì đó như thế này, trong .tsđó không hoàn toàn giống như vậy:

  hello-world.ts

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

  Điều này sẽ không biên dịch. Error: Type "1" is not assignable to String

• nếu bạn đã thử cú pháp này trong tệp Javascript hello-world.js :

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

  Thông báo lỗi do OP tham chiếu được hiển thị: [js] 'types' can only be used in a .ts file

Nếu có điều gì đó tôi đã bỏ lỡ bao gồm điều này cũng như bối cảnh của OP, vui lòng bổ sung. Tất cả chúng ta cùng tìm hiểu.

Đối với bất kỳ ai đặt chân đến đây và tất cả các giải pháp khác không hoạt động, hãy thử điều này. Tôi đang sử dụng nguyên cảo + phản ứng và vấn đề của tôi là tôi đã liên kết các tập tin trong vscode như javascriptreactkhông typescriptreactđể kiểm tra các thiết lập của bạn cho các mục sau đây.

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