gatsby-typescript-emotion-storybook
gatsby-typescript-emotion-storybook copied to clipboard
duncanleung
yarn storybook fails on fresh clone and after running yarn
yarn run v1.22.0
$ start-storybook
info @storybook/react v5.3.13
info
info => Loading presets
info => Loading presets
info => Loading custom manager config.
info => Loading config/preview file in "./.storybook".
info => Adding stories defined in ".storybook/main.js".
info => Loading custom Webpack config (full-control mode).
info => Using base config because react-scripts is not installed.
Starting type checking service...
Using 1 worker with 2048MB memory limit
Type checking in progress...
webpack built 546310d49df9aa422a83 in 8895ms
✖ ｢wdm｣: Hash: 546310d49df9aa422a83
Version: webpack 4.41.2
Time: 8895ms
Built at: 03/28/2020 6:18:44 PM
Asset Size Chunks Chunk Names
iframe.html 3.26 KiB [emitted]
main.546310d49df9aa422a83.bundle.js 6.82 KiB main [emitted] [immutable] main
main.546310d49df9aa422a83.bundle.js.map 231 bytes main [emitted] [dev] main
runtime~main.546310d49df9aa422a83.bundle.js 31.2 KiB runtime~main [emitted] [immutable] runtime~main
runtime~main.546310d49df9aa422a83.bundle.js.map 32.3 KiB runtime~main [emitted] [dev] runtime~main
vendors~main.546310d49df9aa422a83.bundle.js 1.27 MiB vendors~main [emitted] [immutable] [big] vendors~main
vendors~main.546310d49df9aa422a83.bundle.js.map 1.08 MiB vendors~main [emitted] [dev] vendors~main
Entrypoint main [big] = runtime~main.546310d49df9aa422a83.bundle.js runtime~main.546310d49df9aa422a83.bundle.js.map vendors~main.546310d49df9aa422a83.bundle.js vendors~main.546310d49df9aa422a83.bundle.js.map main.546310d49df9aa422a83.bundle.js main.546310d49df9aa422a83.bundle.js.map
[0] multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/preview.js ./.storybook/generated-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=true 76 bytes {main} [built]
[./.storybook/generated-entry.js] 2.09 KiB {main} [built] [failed] [1 error]
[./.storybook/preview.js] 2.08 KiB {main} [built] [failed] [1 error]
[./node_modules/@storybook/core/dist/server/common/polyfills.js] 120 bytes {vendors~main} [built]
[./node_modules/@storybook/core/dist/server/preview/globals.js] 93 bytes {vendors~main} [built]
[./node_modules/@storybook/core/node_modules/core-js/features/symbol/index.js] 305 bytes {vendors~main} [built]
[./node_modules/airbnb-js-shims/index.js] 40 bytes {vendors~main} [built]
[./node_modules/global/window.js] 232 bytes {vendors~main} [built]
[./node_modules/querystring-es3/index.js] 127 bytes {vendors~main} [built]
[./node_modules/regenerator-runtime/runtime.js] 23.5 KiB {vendors~main} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {vendors~main} [built]
[./node_modules/webpack-hot-middleware/client-overlay.js] (webpack)-hot-middleware/client-overlay.js 2.17 KiB {vendors~main} [built]
[./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=true] (webpack)-hot-middleware/client.js?reload=true&quiet=true 7.68 KiB {vendors~main} [built]
[./node_modules/webpack-hot-middleware/process-update.js] (webpack)-hot-middleware/process-update.js 4.35 KiB {vendors~main} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {vendors~main} [built]
+ 700 hidden modules
ERROR in ./.storybook/generated-entry.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] /Users/christie/github/gatsby-typescript-emotion-storybook/.storybook/generated-entry.js: babel-preset-gatsby has been loaded, which consumes config generated by the Gatsby CLI. Set NODE_ENV=test to bypass, or run gatsby build first. (While processing: "/Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/babel-preset-gatsby/index.js")
at loadCachedConfig (/Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/babel-preset-gatsby/index.js:18:15)
at preset (/Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/babel-preset-gatsby/index.js:34:29)
at /Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/@babel/core/lib/config/full.js:199:14
at Generator.next (
ERROR in ./.storybook/preview.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] /Users/christie/github/gatsby-typescript-emotion-storybook/.storybook/preview.js: babel-preset-gatsby has been loaded, which consumes config generated by the Gatsby CLI. Set NODE_ENV=test to bypass, or run gatsby build first. (While processing: "/Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/babel-preset-gatsby/index.js")
at loadCachedConfig (/Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/babel-preset-gatsby/index.js:18:15)
at preset (/Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/babel-preset-gatsby/index.js:34:29)
at /Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/@babel/core/lib/config/full.js:199:14
at Generator.next (
WARN Broken build, fix the error above. WARN You may need to refresh the browser.
ERROR in /Users/christie/github/gatsby-typescript-emotion-storybook/node_modules/jest-emotion/types/index.d.ts(26,51):
TS2339: Property 'print' does not exist on type 'Plugin'.
ERROR in /Users/christie/github/gatsby-typescript-emotion-storybook/src/components/Button/tests/Button.test.tsx(86,15):
TS2322: Type '{ children: string; tag: string; css: string; to: string; }' is not assignable to type '(IntrinsicAttributes & { as?: "a" | ComponentClass<{}, any> | FunctionComponent<{}> | typeof GatsbyLink | undefined; ... 6 more ...; stripButtonStyles?: boolean | undefined; } & ClassAttributes<...> & ButtonHTMLAttributes<...>) | (IntrinsicAttributes & ... 3 more ... & { ...; }) | (IntrinsicAttributes & ... 3 more ....'.
Property 'tag' does not exist on type '(IntrinsicAttributes & { as?: "a" | ComponentClass<{}, any> | FunctionComponent<{}> | typeof GatsbyLink | undefined; ... 6 more ...; stripButtonStyles?: boolean | undefined; } & ClassAttributes<...> & ButtonHTMLAttributes<...>) | (IntrinsicAttributes & ... 3 more ... & { ...; }) | (IntrinsicAttributes & ... 3 more ....'.
ERROR in /Users/christie/github/gatsby-typescript-emotion-storybook/src/components/Button/tests/Button.test.tsx(93,26):
TS2339: Property 'toBeInTheDocument' does not exist on type 'JestMatchersShape<Matchers<void, HTMLAnchorElement | null>, Matchers<Promise
WARN force closed preview build
