Reactjs 可怕的typescript加载程序：空数组的扩展返回空数组

好吧，一切都很棒，直到我进入空数组的扩展，以呈现两个类似的索引可靠组件

我写了这行代码（和往常一样）：

或者，相对而言

[...Array(3)].map((_, i) => i)

我的期望和正常行为是什么（例如，在Chrome的控制台中，或者在我使用Typescript之前Babel做了什么）：

我在React TypeScript应用程序中得到了什么（使用

webpack dev server

和

awesome TypeScript loader

）：

我走得更深。我从我的应用程序中登录了

[…数组（3）]

，然后登录到Chrome的控制台。我得到的是：

[undefined, undefined, undefined] // from Chrome's console
[empty x 3] // from my app

显然，这个恼人的东西不允许我在没有解决方法/第三方的情况下呈现索引可靠的组件。 那么，我是做错了什么，还是这是一个错误

部分配置：

{
    test: /\.tsx?$/,
    loader: "awesome-typescript-loader",
    exclude: /node_modules/
},
{
    enforce: "pre",
    test: /\.js$/,
    loader: "source-map-loader"
},

版本：

"awesome-typescript-loader": "^4.0.0",
"typescript": "^3.0.1",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.11.1",

---

还有另一个编译器选项，名为

downlevelIteration

。一切都很好的时候

"downlevelIteration": true

附加： 如果您想传播

HTMLCollection

或类似内容（例如

NodeList

），则应将

dom.iterable

包含在

lib

选项中，例如：

"lib": ["es6", "dom", "dom.iterable"]

"awesome-typescript-loader": "^4.0.0",
"typescript": "^3.0.1",
"webpack": "^3.10.0",
"webpack-dev-server": "^2.11.1",

"downlevelIteration": true

"lib": ["es6", "dom", "dom.iterable"]