reactjs / reactjs/react-docgen
SyntaxError: Invalid regular expression flag
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 3.8k
- Forks
- 316
- Ø Merge
- 5 Std. 7 Min.
- Gemergte PRs (30 T.)
- 4
Beschreibung
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"),
};
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit Card/Card.jsx und styleguide.config.js und führe dann den gemeldeten react-docgen-Parse über das react-styleguidist-Setup aus. Reproduziere den Fehler wegen eines ungültigen regulären Ausdrucksflags und verfolge, welche Syntaxkonstruktion ihn verursacht; abgeschlossen bedeutet, dass das Beispiel erfolgreich geparst wird oder die nicht unterstützte Syntax eindeutig identifiziert und durch einen geeigneten Test abgedeckt ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript, react
- Bereich
- documentation, tooling
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100