Storybook выдает ошибку: undefined не повторяется (не удается прочитать символ свойства (Symbol.iterator)) - PullRequest
Новая
       103

Storybook выдает ошибку: undefined не повторяется (не удается прочитать символ свойства (Symbol.iterator))

0 голосов
/ 01 августа 2020

Я создал библиотеку React, используя https://tsdx.io и выбрал шаблон React + TypeScript + Storybook.

Весь код здесь → https://github.com/deadcoder0904/react-typical

Я получаю эту ошибку:

undefined не повторяется (невозможно прочитать свойство Symbol (Symbol.iterator)) TypeError: undefined не повторяется (невозможно прочитать свойство Symbol (Symbol.iterator) )) в __read (http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. js: 177373: 46) в __spread (http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. js: 24) в http://localhost: 6006 / main.c9781e3a7458a3b52f4d.bundle. js: 77: 127 на commitHookEffectListMount (http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. js: 140995PassPass: http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. js: 141033: 11) в HTMLUnknownElement.callCallback (http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. * 1039: 1452: 1452 Object.invokeGuardedCallbackDev (http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. js: 121501: 16) в invokeGuardedCallback (http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. js: 121556: 31) в flushPassiveEffectsImpl (http://localhost: 6006 / vendors ~ main.c9781e3ae3. js: 144117: 9) at unstable_runWithPriority (http://localhost: 6006 / vendors ~ main.c9781e3a7458a3b52f4d.bundle. js: 170649: 12)

Не знаю, как я могу избавиться от это?

Мой файл сборника рассказов ReactTypical.stories.tsx настолько прост: 

import React from 'react';
import { ReactTypical, Props } from '../src';

export default {
  title: 'Basic',
  steps: [
    'Hey',
    5000,
    'you',
    5000,
    'have',
    5000,
    'a',
    5000,
    'blessed',
    5000,
    'day',
  ],
  loop: Infinity,
};

// By passing optional props to this story, you can control the props of the component when
// you consume the story in a test.
export const Default = (props: Props) => <ReactTypical {...props} />;

У кого-нибудь есть идеи?

1 Ответ

0 голосов
/ 03 августа 2020

Я нашел ответ. Оказалось, что переменная steps была undefined в Storybook и хорошо работала в примере из папки examples/, поэтому я изменил код Storybook.

ReactTypical.stories.tsx 

import React from 'react';
import { ReactTypical, Props } from '../src';

export default {
  title: 'Basic',
};

export const Default = (props: Props) => {
  return (
    <ReactTypical
      {...props}
      steps={[
        'Hey',
        500,
        'you',
        500,
        'have',
        500,
        'a',
        500,
        'blessed',
        500,
        'day',
      ]}
    />
  );
};
...