Storybook: Komponenten mit Bindestrich-Eigenschaften können nicht für Arienattribute verwendet werden

Erstellt am 3. Nov. 2016  ·  3Kommentare  ·  Quelle: storybookjs/storybook

Ich habe heute von Storybook 2.24.0 auf 2.29.3 aktualisiert und Storybook startet nicht mehr.

Für mich bricht es bei unseren 3 Komponenten, die Bindestriche für erforderliche Arienattribute verwenden, wie zum Beispiel:

ExampleComponent.propTypes = {
  // Required because of accessibility
  'aria-label': PropTypes.string.isRequired,
};

Wenn ich diese Proptypes entferne, funktioniert es. Ich denke, ich könnte stattdessen einfach camelCase verwenden, aber React unterstützt dies , und wie gesagt, dies hat vor dem Upgrade gut funktioniert.

Hier ist ein Stacktrace:

ERROR in ./src/breadcrumb/Breadcrumb.jsx
Module parse failed: /Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/babel-loader/index.js?{"babelrc":false,"cacheDirectory":"/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/.cache/react-storybook","presets":["/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/babel-preset-react-app/index.js"],"plugins":[["/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/babel-plugin-react-docgen/lib/index.js",{"DOC_GEN_COLLECTION_NAME":"STORYBOOK_REACT_CLASSES"}]]}!/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/src/breadcrumb/Breadcrumb.jsx Unexpected token (89:8)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (89:8)
    at Parser.pp$4.raise (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:2221:15)
    at Parser.pp.unexpected (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:603:10)
    at Parser.pp.expect (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:597:28)
    at Parser.pp$3.parseObj (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:1973:16)
    at Parser.pp$3.parseExprAtom (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:1805:19)
    at Parser.pp$3.parseExprSubscripts (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:1715:21)
    at Parser.pp$3.parseMaybeUnary (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:1692:19)
    at Parser.pp$3.parseExprOps (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:1637:21)
    at Parser.pp$3.parseMaybeConditional (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:1620:21)
    at Parser.pp$3.parseMaybeAssign (/Users/alexanbj/Documents/Jobb/Prosjekter/KF/common-frontend/packages/kf-ui/node_modules/acorn/dist/acorn.js:1597:21)
 @ ./src/index.js 8:18-52
bug

Hilfreichster Kommentar

Probieren Sie die Version 2.35.2 .
Ich habe einen Fix für dieses Problem gemacht.

Alle 3 Kommentare

Ich habe immer noch diesen Fehler, wäre toll, ihn zu beheben.

Probieren Sie die Version 2.35.2 .
Ich habe einen Fix für dieses Problem gemacht.

@arunoda Du bist mein Held, danke Kumpel!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

rpersaud picture rpersaud  ·  3Kommentare

arunoda picture arunoda  ·  3Kommentare

sakulstra picture sakulstra  ·  3Kommentare

miljan-aleksic picture miljan-aleksic  ·  3Kommentare

shilman picture shilman  ·  3Kommentare