reactjs / reactjs/react-docgen
SyntaxError: Invalid regular expression flag
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 3.8k
- Fork
- 316
- Merge medio
- 5h 7m
- PR unite (30g)
- 4
Descrizione
I use
create-react-app with "react-scripts": "^2.1.5"
and "react-styleguidist": "^8.0.6"
Warning: Cannot parse src/components/Card/Card.jsx: SyntaxError: Invalid regular expression flag (1:8)
It usually means that react-docgen does not understand your source code, try to file an issue here:
https://github.com/reactjs/react-docgen/issues
import React from "react";
// nodejs library that concatenates classes
import classNames from "classnames";
// nodejs library to set properties for components
import PropTypes from "prop-types";
// @material-ui/core components
import withStyles from "@material-ui/core/styles/withStyles";
// @material-ui/icons
// core components
import cardStyle from "./cardStyle.jsx";
function Card({ ...props }) {
const { classes, className, children, plain, carousel, ...rest } = props;
const cardClasses = classNames({
[classes.card]: true,
[classes.cardPlain]: plain,
[classes.cardCarousel]: carousel,
[className]: className !== undefined
});
return (
<div className={cardClasses} {...rest}>
{children}
</div>
);
}
Card.propTypes = {
classes: PropTypes.object.isRequired,
className: PropTypes.string,
plain: PropTypes.bool,
carousel: PropTypes.bool,
children: PropTypes.object.isRequired
};
export default withStyles(cardStyle)(Card);
and "react-styleguidist": "^8.0.6"
styleguide.config.js
module.exports = {
propsParser: require("react-docgen").parse,
webpackConfig: require("react-scripts/config/webpack.config"),
};
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia da Card/Card.jsx e styleguide.config.js, quindi esegui il parsing react-docgen segnalato tramite la configurazione di react-styleguidist. Riproduci l’errore relativo a un flag non valido dell’espressione regolare e traccia quale costrutto sintattico lo causa; il lavoro è completato quando l’esempio viene analizzato correttamente oppure quando la sintassi non supportata viene identificata chiaramente e coperta da un test appropriato.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react
- Ambito
- documentation, tooling
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100