0

我正在尝试将React Styleguidist添加到我的项目中，并且收到“意外令牌”编译器错误。

我正在使用Create react 应用程序来创建项目。在它不起作用后，我创建了一个新项目并在返回组件时继续收到相同的错误。

这是我创建的简单组件的代码，试图弄清楚它： import React from 'react';

import React from 'react';

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


export default Component1;

根据我在https://react-styleguidist.js.org/docs/getting-started.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
4

1 回答 1

1

添加 styleguide.config.js 与以下行

module.exports = {
    propsParser: require("react-docgen").parse,
    webpackConfig: require("react-scripts/config/webpack.config"),
};
于 2019-02-20T10:46:20.477 回答