Почему функции генератора ES6 дают мне разные результаты в инструментах разработчика Angular 6 и Chrome

Question

Функционирование генераторов в Angular 6/7 очень запутанно.Моя задача - просто напечатать простой массив из функции генератора.Я добился успеха, выполнив это в инструментах разработчика Chrome, как показано ниже.

function* foo() {
   yield 'a';
   yield 'b';
   yield 'c';
}

const values = [...foo()];

Но то же самое, я не могу сделать это в Angular 6/7.Я получаю ошибку компиляции как

[ts] Type 'IterableIterator<"a" | "b" | "c">' is not an array type.

Из ошибки я могу понять проблему.Поскольку функция foo () возвращает только одно значение a | b | c каждый раз, мы не можем использовать оператор массива для нее.

Но почему то же самое работает с инструментами разработчика Chrome?Как мы можем заставить его работать на Angular так же, как на инструментах разработчика Chrome?

Answer 1

Как вы можете прочитать здесь , это проблема машинописи.

Для ее решения можно использовать аргумент --downlevelIteration или вместо оператора распространения можно использовать функцию Array.from.

function* foo() {
    yield 'a';
    yield 'b';
    yield 'c';
}

const values = Array.from(foo());

Answer 2

Чтобы исправить это, перейдите на tsconfig.json и укажите цель как es6 :

{
  "compileOnSave": false,
  "compilerOptions": {
    "target": "es6"
  }
}

Это открытый выпуск для TypeScript:

Answer 3

Во-первых, в консоли браузера вы пишете JavaScript.Здесь вы получаете ошибку TypeScript.Одним из решений будет проверка опции downlevelIteration в настройках компилятора.