js 'types' 只能在 .ts 文件中使用 - Visual Studio Code using @ts-check

Question

我开始在我正在使用 Visual Studio Code 处理的 Node 项目中使用 TypeScript。我想遵循类似于 Flow 的“选择加入”策略。因此，我将// @ts-check 放在我的.js 文件的顶部，希望为该文件启用TS。最终我想要与 Flow 一样的“linting”体验，因此我安装了插件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.，如下图所示。

我看到 this question 建议在 vscode 中禁用 javascript 验证，但没有显示 任何 TypeScript Intellisense 信息。

我尝试在我的 vscode 设置中将 tslint.jsEnable 设置为 true，如 TSLint 扩展文档中所述，但没有运气。

为了在 TypeScript 中使用 .js 文件并获得 Intellisense 的正确设置是什么，以便我在运行任何 TS 命令之前知道我的代码中的错误是什么？

Answer 1

我将 flow 与 vscode 一起使用，但遇到了同样的问题。我通过以下步骤解决了它：

1. 安装扩展Flow Language Support

2. 禁用内置的 TypeScript 扩展：

   1. 转到扩展标签
   2. 搜索 @builtin TypeScript 和 JavaScript 语言功能
   3. 点击禁用

Answer 2

在你的 VS Code 设置中使用"javascript.validate.enable": false，它不会禁用 ESLINT。我同时使用 ESLINT 和 Flow。只需按照说明Flow For Vs Code Setup

在 settings.json 中添加这一行。帮助 "javascript.validate.enable": false

Answer 3

我按照以下步骤解决了这个问题：

转到首选项，然后转到设置：

进入设置后，在搜索栏中搜索javascript.validate 并取消选中复选框：

如果你想通过 json 编辑它，那么： 转到：代码 -> 首选项 -> 设置 -> 扩展 -> 向下滚动并找到“在 settings.json 中编辑”。 然后添加

"javascript.validate.enable": false

Answer 4

对于登陆这里并且所有其他解决方案均无效的任何人，请尝试一下。我正在使用 typescript + react，我的问题是我将 vscode 中的文件关联为javascriptreact 而不是typescriptreact，因此请检查以下条目的设置。

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

Answer 5

您必须使用 .ts 文件 - 例如test.ts 获取 Typescript validation, intellisense typing of vars、返回类型以及“类型化”错误检查（例如，将 string 传递给需要 number 参数的方法会出错）。

它将被转译为（标准）.jsvia tsc。

---

更新（2018 年 11 月）：

需要根据反对票、非常有帮助的 cmets 和其他答案进行澄清。

types

• 是的，您可以使用@ts-check 在.js 文件中执行type 签入VS Code - 如动画所示

• 我最初所指的 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 上下文的内容，请添加。大家一起学习吧。

Answer 6

“typescript.validate.enable”：假

IN VS Code -> Preferences -> Settings -> 搜索上述属性并禁用该属性

Answer 7

只需将变量默认为预期类型：

(number=1) => ...
(number=1.0) => ...
(string='str') ...

Answer 8

对于 Windows 中的 VS 代码，单击设置。然后在顶部的搜索栏上，输入 javascript validate 并取消选中复选框，如下所示。