Ошибка компиляции при использовании React-Styleguidist - PullRequest
0 голосов
/ 01 февраля 2019

Я новичок в React.Я использую React-Styleguidist для создания документации для моего проекта.Я устанавливаю React с помощью приложения create-реагировать.Я хочу создать простой компонент Logo, но я получаю сообщение об ошибке внутри метода возврата метода div.Мой код

import React from 'react'
import PropTypes from 'prop-types'

export default function Logo({children}){
    return(
        <div>
            {children}
        </div>
    )
}
Logo.propTypes = {
    children: PropTypes.string.isRequired,
};

Мой styleguide.config.js

module.exports = {
    components: 'src/components/**/*.js',
    webpackConfig: {
        module: {
            rules: [
                {
                    test: /\.jsx?$/,
                    exclude: /node_modules/,
                    loader: 'babel-loader',
                },
                // {
                //  test: /\.css$/,
                //  loader: 'style-loader!css-loader',
                // },
            ],
        },
    },
};

Мой Readme.md

Basic Logo:

```jsx
<Logo>My Logo</Logo>

Мой index.js для логотипа

export {default} from './Logo.js';

Буду рад, если вы поможете мне решить эту проблему

...