javascript - 这是 .js 文件内的 Typescript 构造吗？我该如何处理？

Question

我正在尝试运行一个简单的测试，但 Babel 7 提示......

完整的错误消息是:

 SyntaxError: /Users/malcolm/git/walks/node_modules/mapbox-gl/src/util/window.js: Unexpected token (9:12)

   7 | import { extend } from './util';
   8 | 
>  9 | import type {Window} from '../types/window';
     |             ^
  10 | 
  11 | const { window: _window } = new jsdom.JSDOM('', {
  12 |     virtualConsole: new jsdom.VirtualConsole().sendTo(console)

  at Parser.raise (node_modules/@babel/parser/lib/index.js:3939:15)
  at Parser.unexpected (node_modules/@babel/parser/lib/index.js:5248:16)
  at Parser.expectContextual (node_modules/@babel/parser/lib/index.js:5216:41)
  at Parser.parseImport (node_modules/@babel/parser/lib/index.js:8429:12)
  at Parser.parseStatementContent (node_modules/@babel/parser/lib/index.js:7234:27)
  at Parser.parseStatement (node_modules/@babel/parser/lib/index.js:7153:17)
  at Parser.parseBlockOrModuleBlockBody (node_modules/@babel/parser/lib/index.js:7707:23)
  at Parser.parseBlockBody (node_modules/@babel/parser/lib/index.js:7694:10)
  at Parser.parseTopLevel (node_modules/@babel/parser/lib/index.js:7118:10)
  at Parser.parse (node_modules/@babel/parser/lib/index.js:8521:17)

有问题的行(如下)看起来可能是 Typescript 的一小段，但我不是专家。

从 '../types/window' 导入类型 {Window}；

但是它在 .js 文件中做什么呢？我认为 Typescript 属于 .ts 文件？

我想编译这个(使用 Babel 7)，以便我的小测试开始运行，但我假设 @babel/preset-typescript 正在寻找 .ts 文件，并且不会对 .js 文件中的这一行执行任何操作。

包含此行的完整文件位于此处:

https://github.com/mapbox/mapbox-gl-js/blob/master/src/util/window.js

有人可以帮我解释一下吗？

• 这行代码是什么？为什么 Babel 不喜欢它？

Answer 1

这是一段带有 Flowtype 的代码片段注释。本项目already has a build process不过，这会删除这些注释，因此我认为您不应该直接使用这些 src/ 文件。