React styleguidist ошибка с созданием приложения реакции

Question

Я пытаюсь добавить React Styleguidist в мой проект и получаю ошибку компилятора "Неожиданный токен".

Я использую Создать приложение реакции длясоздать проект.После того, как это не сработало, я создал новый проект и продолжаю получать ту же ошибку при возврате компонента.

Вот код для простого компонента, который я создал, чтобы попытаться выяснить это: импорт React из'act ';

import React from 'react';

const Component1 = (props)=><div>Test</div>;


export default Component1;

Судя по тому, что я прочитал по адресу https://react -styleguidist.js.org / docs / Getting-Start.html , похоже, я должен тольконужно запустить npm install --save-dev react-styleguidist, а затем npx styleguidist server

Я уверен, что что-то упустил, но не смог найти ничего, что объяснило бы ошибку ниже.

SyntaxError: /Users/seanlynch/Projects/style/src/Components/Component1.js: Unexpected token (3:28)

  1 | import React from 'react';
  2 |
> 3 | const Component1 = (props)=><div>Test</div>;
    |                             ^
  4 |
  5 |
  6 | export default Component1;
 @ ./node_modules/react-styleguidist/lib/index.js (./node_modules/react-styleguidist/loaders/styleguide-loader.js!./node_modules/react-styleguidist/lib/index.js) 46:30-101
 @ ./node_modules/react-styleguidist/lib/index.js
 @ multi ./node_modules/react-styleguidist/lib/index ./node_modules/react-styleguidist/node_modules/react-dev-utils/webpackHotDevClient.js

Answer 1

добавить styleguide.config.js с последующими строками

module.exports = {
    propsParser: require("react-docgen").parse,
    webpackConfig: require("react-scripts/config/webpack.config"),
};