์ค๋ Storybook 2.24.0์์ 2.29.3์ผ๋ก ์ ๊ทธ๋ ์ด๋ํ๋๋ฐ Storybook์ด ๋ ์ด์ ์์๋์ง ์์ต๋๋ค.
์ ์๊ฒ๋ ๋ค์๊ณผ ๊ฐ์ด ํ์ aria ์์ฑ์ ํ์ดํ์ผ๋ก ์ฐ๊ฒฐ๋ proptypes๋ฅผ ์ฌ์ฉํ๋ ์ธ ๊ฐ์ง ๊ตฌ์ฑ ์์๊ฐ ์ค๋จ๋ฉ๋๋ค.
ExampleComponent.propTypes = {
// Required because of accessibility
'aria-label': PropTypes.string.isRequired,
};
ํด๋น proptypes๋ฅผ ์ ๊ฑฐํ๋ฉด ์๋ํฉ๋๋ค. ๋๋ ๋์ camelCase๋ฅผ ์ฌ์ฉํ ์ ์๋ค๊ณ ์๊ฐํ์ง๋ง React๋ ์ด๊ฒ์ ์ง์ ํ๋ฉฐ ๋ด๊ฐ ๋งํ๋ฏ์ด ์ ๊ทธ๋ ์ด๋ ์ ์ ์ ์๋ํ์ต๋๋ค.
๋ค์์ ์คํ ์ถ์ ์ ๋๋ค.
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
๋๋ ์ฌ์ ํ์ด ๊ฒฐํจ์ ์ป๊ณ ์์ผ๋ฉฐ, ๊ทธ๊ฒ์ ํด๊ฒฐํ๋ ๊ฒ์ด ์ข์ ๊ฒ์ ๋๋ค.
2.35.2
๋ฒ์ ์ ์ฌ์ฉํด๋ณด์ธ์.
์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.
@arunoda ๋น์ ์ ๋ด ์์ ์ ๋๋ค, ๊ณ ๋ง์์!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
2.35.2
๋ฒ์ ์ ์ฌ์ฉํด๋ณด์ธ์.์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.