Error: You gave us a visitor for the node type StaticBlock but it's not a valid type

md-seb commented 4 years ago

Cannot run storybook in a vanilla create-react-app. It appears to install correctly, but fails on npm run storybook

To Reproduce

run cd /tmp && npx create-react-app storytest && cd storytest && npx sb init && npm run storybook

This errors with

ERROR in ./.storybook/generated-refs.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: You gave us a visitor for the node type StaticBlock but it's not a valid type

Expected behavior Storybook is running

Code snippets Full log:

% cd /tmp && npx create-react-app storytest && cd storytest && npx sb init && npm run storybook

Creating a new React app in /private/tmp/storytest.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

yarn add v1.22.5
[1/4] 🔍  Resolving packages...
warning react-scripts > workbox-webpack-plugin > workbox-build > rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
warning react-scripts > workbox-webpack-plugin > workbox-build > @hapi/joi@15.1.1: joi is leaving the @hapi organization and moving back to 'joi' (https://github.com/sideway/joi/issues/2411)
warning react-scripts > jest-circus > jest-runner > jest-config > jest-environment-jsdom > jsdom > request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
warning react-scripts > jest-circus > jest-runner > jest-config > jest-environment-jsdom > jsdom > request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
[4/4] 🔨  Building fresh packages...
[1/5] ⠄ fsevents
[-/5] ⠄ waiting...
[-/5] ⠄ waiting...
[-/5] ⠄ waiting...
warning Error running install script for optional dependency: "/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents: Command failed.
Exit code: 1
Command: node-gyp rebuild
Arguments:
Directory: /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
Output:
gyp info it worked if it ends with ok
gyp info using node-gyp@5.1.0
gyp info using node@10.22.0 | darwin | x64
gyp info find Python using Python version 3.8.5 found at \"/usr/local/opt/python@3.8/bin/python3.8\"
gyp info spawn /usr/local/opt/python@3.8/bin/python3.8
gyp info spawn args [ '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'make',
gyp info spawn args   '-I',
gyp info spawn args   '/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents/build/config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/Library/Caches/node-gyp/10.22.0/include/node/common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=/Users/seb/Library/Caches/node-gyp/10.22.0',
gyp info spawn args   '-Dnode_gyp_dir=/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args   '-Dnode_lib_file=/Users/seb/Library/Caches/node-gyp/10.22.0/<(target_arch)/node.lib',
gyp info spawn args   '-Dmodule_root_dir=/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'build',
gyp info spawn args   '-Goutput_dir=.' ]
No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:198:13)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12)
gyp ERR! System Darwin 19.6.0
gyp ERR! command \"/Users/seb/.nvm/versions/node/v10.22.0/bin/node\" \"/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js\" \"rebuild\"
gyp ERR! cwd /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
success Saved lockfile.
success Saved 340 new dependencies.
info Direct dependencies
├─ cra-template@1.1.0
├─ react-dom@17.0.1
├─ react-scripts@4.0.0
└─ react@17.0.1
info All dependencies
├─ @babel/helper-builder-binary-assignment-operator-visitor@7.10.4
├─ @babel/helper-builder-react-jsx@7.10.4
├─ @babel/helper-compilation-targets@7.12.1
├─ @babel/helper-define-map@7.10.5
├─ @babel/helper-explode-assignable-expression@7.12.1
├─ @babel/helper-get-function-arity@7.10.4
├─ @babel/helper-hoist-variables@7.10.4
├─ @babel/helper-module-imports@7.12.1
├─ @babel/helper-wrap-function@7.12.3
├─ @babel/helpers@7.12.1
├─ @babel/plugin-proposal-async-generator-functions@7.12.1
├─ @babel/plugin-proposal-class-properties@7.12.1
├─ @babel/plugin-proposal-decorators@7.12.1
├─ @babel/plugin-proposal-dynamic-import@7.12.1
├─ @babel/plugin-proposal-export-namespace-from@7.12.1
├─ @babel/plugin-proposal-json-strings@7.12.1
├─ @babel/plugin-proposal-logical-assignment-operators@7.12.1
├─ @babel/plugin-proposal-nullish-coalescing-operator@7.12.1
├─ @babel/plugin-proposal-numeric-separator@7.12.1
├─ @babel/plugin-proposal-object-rest-spread@7.12.1
├─ @babel/plugin-proposal-optional-catch-binding@7.12.1
├─ @babel/plugin-proposal-optional-chaining@7.12.1
├─ @babel/plugin-proposal-private-methods@7.12.1
├─ @babel/plugin-proposal-unicode-property-regex@7.12.1
├─ @babel/plugin-syntax-bigint@7.8.3
├─ @babel/plugin-syntax-class-properties@7.12.1
├─ @babel/plugin-syntax-decorators@7.12.1
├─ @babel/plugin-syntax-flow@7.12.1
├─ @babel/plugin-syntax-import-meta@7.10.4
├─ @babel/plugin-syntax-top-level-await@7.12.1
├─ @babel/plugin-syntax-typescript@7.12.1
├─ @babel/plugin-transform-arrow-functions@7.12.1
├─ @babel/plugin-transform-async-to-generator@7.12.1
├─ @babel/plugin-transform-block-scoped-functions@7.12.1
├─ @babel/plugin-transform-block-scoping@7.12.1
├─ @babel/plugin-transform-classes@7.12.1
├─ @babel/plugin-transform-computed-properties@7.12.1
├─ @babel/plugin-transform-destructuring@7.12.1
├─ @babel/plugin-transform-dotall-regex@7.12.1
├─ @babel/plugin-transform-duplicate-keys@7.12.1
├─ @babel/plugin-transform-exponentiation-operator@7.12.1
├─ @babel/plugin-transform-flow-strip-types@7.12.1
├─ @babel/plugin-transform-for-of@7.12.1
├─ @babel/plugin-transform-function-name@7.12.1
├─ @babel/plugin-transform-literals@7.12.1
├─ @babel/plugin-transform-member-expression-literals@7.12.1
├─ @babel/plugin-transform-modules-amd@7.12.1
├─ @babel/plugin-transform-modules-commonjs@7.12.1
├─ @babel/plugin-transform-modules-systemjs@7.12.1
├─ @babel/plugin-transform-modules-umd@7.12.1
├─ @babel/plugin-transform-named-capturing-groups-regex@7.12.1
├─ @babel/plugin-transform-new-target@7.12.1
├─ @babel/plugin-transform-object-super@7.12.1
├─ @babel/plugin-transform-property-literals@7.12.1
├─ @babel/plugin-transform-react-constant-elements@7.12.1
├─ @babel/plugin-transform-react-display-name@7.12.1
├─ @babel/plugin-transform-react-jsx-development@7.12.1
├─ @babel/plugin-transform-react-jsx-self@7.12.1
├─ @babel/plugin-transform-react-jsx-source@7.12.1
├─ @babel/plugin-transform-react-jsx@7.12.1
├─ @babel/plugin-transform-react-pure-annotations@7.12.1
├─ @babel/plugin-transform-regenerator@7.12.1
├─ @babel/plugin-transform-reserved-words@7.12.1
├─ @babel/plugin-transform-runtime@7.12.1
├─ @babel/plugin-transform-shorthand-properties@7.12.1
├─ @babel/plugin-transform-spread@7.12.1
├─ @babel/plugin-transform-sticky-regex@7.12.1
├─ @babel/plugin-transform-template-literals@7.12.1
├─ @babel/plugin-transform-typeof-symbol@7.12.1
├─ @babel/plugin-transform-typescript@7.12.1
├─ @babel/plugin-transform-unicode-escapes@7.12.1
├─ @babel/plugin-transform-unicode-regex@7.12.1
├─ @babel/preset-env@7.12.1
├─ @babel/preset-react@7.12.1
├─ @babel/preset-typescript@7.12.1
├─ @babel/runtime-corejs3@7.12.1
├─ @bcoe/v8-coverage@0.2.3
├─ @eslint/eslintrc@0.1.3
├─ @hapi/joi@15.1.1
├─ @istanbuljs/load-nyc-config@1.1.0
├─ @jest/core@26.6.1
├─ @jest/globals@26.6.1
├─ @jest/reporters@26.6.1
├─ @jest/test-sequencer@26.6.1
├─ @nodelib/fs.scandir@2.1.3
├─ @nodelib/fs.stat@2.0.3
├─ @nodelib/fs.walk@1.2.4
├─ @npmcli/move-file@1.0.1
├─ @pmmmwh/react-refresh-webpack-plugin@0.4.2
├─ @rollup/plugin-node-resolve@7.1.3
├─ @rollup/plugin-replace@2.3.3
├─ @sinonjs/commons@1.8.1
├─ @sinonjs/fake-timers@6.0.1
├─ @surma/rollup-plugin-off-main-thread@1.4.1
├─ @svgr/babel-plugin-add-jsx-attribute@5.4.0
├─ @svgr/babel-plugin-remove-jsx-attribute@5.4.0
├─ @svgr/babel-plugin-remove-jsx-empty-expression@5.0.1
├─ @svgr/babel-plugin-replace-jsx-attribute-value@5.0.1
├─ @svgr/babel-plugin-svg-dynamic-title@5.4.0
├─ @svgr/babel-plugin-svg-em-dimensions@5.4.0
├─ @svgr/babel-plugin-transform-react-native-svg@5.4.0
├─ @svgr/babel-plugin-transform-svg-component@5.4.0
├─ @svgr/babel-preset@5.4.0
├─ @svgr/core@5.4.0
├─ @svgr/hast-util-to-babel-ast@5.4.0
├─ @svgr/plugin-svgo@5.4.0
├─ @svgr/webpack@5.4.0
├─ @types/anymatch@1.3.1
├─ @types/babel__core@7.1.10
├─ @types/eslint@7.2.4
├─ @types/graceful-fs@4.1.4
├─ @types/html-minifier-terser@5.1.1
├─ @types/istanbul-reports@3.0.0
├─ @types/json-schema@7.0.6
├─ @types/json5@0.0.29
├─ @types/normalize-package-data@2.4.0
├─ @types/prettier@2.1.5
├─ @types/resolve@0.0.8
├─ @types/source-list-map@0.1.2
├─ @types/stack-utils@2.0.0
├─ @types/tapable@1.0.6
├─ @types/uglify-js@3.11.0
├─ @types/webpack-sources@2.0.0
├─ @types/webpack@4.41.23
├─ @typescript-eslint/eslint-plugin@4.5.0
├─ @typescript-eslint/experimental-utils@4.5.0
├─ @typescript-eslint/parser@4.5.0
├─ @webassemblyjs/floating-point-hex-parser@1.9.0
├─ @webassemblyjs/helper-code-frame@1.9.0
├─ @webassemblyjs/helper-fsm@1.9.0
├─ @webassemblyjs/helper-wasm-section@1.9.0
├─ @webassemblyjs/wasm-edit@1.9.0
├─ @webassemblyjs/wasm-opt@1.9.0
├─ acorn-globals@6.0.0
├─ acorn-walk@7.2.0
├─ acorn@7.4.1
├─ adjust-sourcemap-loader@3.0.0
├─ ansi-escapes@4.3.1
├─ aria-query@4.2.2
├─ array-union@2.1.0
├─ array.prototype.flat@1.2.3
├─ array.prototype.flatmap@1.2.3
├─ arrify@2.0.1
├─ at-least-node@1.0.0
├─ axe-core@3.5.5
├─ axobject-query@2.2.0
├─ babel-eslint@10.1.0
├─ babel-jest@26.6.1
├─ babel-plugin-jest-hoist@26.5.0
├─ babel-plugin-named-asset-import@0.3.7
├─ babel-preset-current-node-syntax@0.1.4
├─ babel-preset-jest@26.5.0
├─ babel-preset-react-app@10.0.0
├─ bfj@7.0.2
├─ builtin-modules@3.1.0
├─ cacache@15.0.5
├─ char-regex@1.0.2
├─ check-types@11.1.2
├─ cjs-module-lexer@0.4.3
├─ cli-width@3.0.0
├─ cliui@6.0.0
├─ colorette@1.2.1
├─ confusing-browser-globals@1.0.10
├─ core-js@3.6.5
├─ cra-template@1.1.0
├─ cross-spawn@7.0.3
├─ crypto-random-string@1.0.0
├─ css-loader@4.3.0
├─ cssom@0.4.4
├─ cssstyle@2.3.0
├─ damerau-levenshtein@1.0.6
├─ data-urls@2.0.0
├─ decimal.js@10.2.1
├─ dedent@0.7.0
├─ deep-is@0.1.3
├─ deepmerge@4.2.2
├─ detect-newline@3.1.0
├─ diff-sequences@26.5.0
├─ dir-glob@3.0.1
├─ domexception@2.0.1
├─ ejs@2.7.4
├─ electron-to-chromium@1.3.583
├─ emittery@0.7.2
├─ enhanced-resolve@4.3.0
├─ enquirer@2.3.6
├─ error-stack-parser@2.0.6
├─ escalade@3.1.1
├─ escodegen@1.14.3
├─ eslint-config-react-app@6.0.0
├─ eslint-import-resolver-node@0.3.4
├─ eslint-module-utils@2.6.0
├─ eslint-plugin-flowtype@5.2.0
├─ eslint-plugin-import@2.22.1
├─ eslint-plugin-jest@24.1.0
├─ eslint-plugin-jsx-a11y@6.3.1
├─ eslint-plugin-react-hooks@4.2.0
├─ eslint-plugin-react@7.21.5
├─ eslint-plugin-testing-library@3.9.2
├─ eslint-webpack-plugin@2.1.0
├─ eslint@7.11.0
├─ esquery@1.3.1
├─ estree-walker@0.6.1
├─ fast-glob@3.2.4
├─ fast-levenshtein@2.0.6
├─ fastq@1.8.0
├─ file-loader@6.1.1
├─ filesize@6.1.0
├─ fork-ts-checker-webpack-plugin@4.1.6
├─ fsevents@2.1.3
├─ get-package-type@0.1.0
├─ globby@11.0.1
├─ hoopy@0.1.4
├─ html-encoding-sniffer@2.0.1
├─ html-webpack-plugin@4.5.0
├─ human-signals@1.1.1
├─ immer@7.0.9
├─ inquirer@7.3.3
├─ is-core-module@2.0.0
├─ is-module@1.0.0
├─ is-negative-zero@2.0.0
├─ is-potential-custom-element-name@1.0.0
├─ istanbul-lib-instrument@4.0.3
├─ istanbul-lib-source-maps@4.0.0
├─ istanbul-reports@3.0.2
├─ jest-changed-files@26.6.1
├─ jest-circus@26.6.0
├─ jest-cli@26.6.1
├─ jest-docblock@26.0.0
├─ jest-each@26.6.1
├─ jest-environment-jsdom@26.6.1
├─ jest-environment-node@26.6.1
├─ jest-jasmine2@26.6.1
├─ jest-leak-detector@26.6.1
├─ jest-resolve-dependencies@26.6.1
├─ jest-serializer@26.5.0
├─ jest-watch-typeahead@0.6.1
├─ jest-watcher@26.6.1
├─ jest@26.6.0
├─ jsdom@16.4.0
├─ jsx-ast-utils@2.4.1
├─ language-subtag-registry@0.3.20
├─ language-tags@1.0.5
├─ line-column@1.0.2
├─ loglevel@1.7.0
├─ lru-cache@6.0.0
├─ magic-string@0.25.7
├─ mini-css-extract-plugin@0.11.3
├─ minizlib@2.1.2
├─ nanoid@3.1.15
├─ native-url@0.2.6
├─ node-notifier@8.0.0
├─ nwsapi@2.2.0
├─ optimize-css-assets-webpack-plugin@5.0.4
├─ optionator@0.9.1
├─ p-each-series@2.1.0
├─ parse5@5.1.1
├─ picomatch@2.2.2
├─ portfinder@1.0.28
├─ postcss-flexbugs-fixes@4.2.1
├─ postcss-modules-local-by-default@3.0.3
├─ postcss-modules-scope@2.2.0
├─ postcss-safe-parser@5.0.2
├─ pretty-bytes@5.4.1
├─ promise@8.1.0
├─ react-app-polyfill@2.0.0
├─ react-dev-utils@11.0.0
├─ react-dom@17.0.1
├─ react-error-overlay@6.0.8
├─ react-refresh@0.8.3
├─ react-scripts@4.0.0
├─ react@17.0.1
├─ read-pkg@5.2.0
├─ regex-parser@2.2.11
├─ regexpu-core@4.7.1
├─ request-promise-core@1.1.4
├─ request-promise-native@1.0.9
├─ request@2.88.2
├─ resolve-cwd@3.0.0
├─ resolve-url-loader@3.1.2
├─ reusify@1.0.4
├─ rollup-plugin-babel@4.4.0
├─ rollup-plugin-terser@5.3.1
├─ rollup-pluginutils@2.8.2
├─ rollup@1.32.1
├─ run-parallel@1.1.9
├─ rxjs@6.6.3
├─ saxes@5.0.1
├─ scheduler@0.20.1
├─ serialize-javascript@5.0.1
├─ sockjs@0.3.20
├─ sourcemap-codec@1.4.8
├─ spdy@4.0.2
├─ ssri@8.0.0
├─ stackframe@1.2.0
├─ string-natural-compare@3.0.1
├─ strip-final-newline@2.0.0
├─ strip-json-comments@3.1.1
├─ style-loader@1.3.0
├─ supports-hyperlinks@2.1.0
├─ svg-parser@2.0.4
├─ symbol-tree@3.2.4
├─ tar@6.0.5
├─ temp-dir@1.0.0
├─ tempy@0.3.0
├─ terminal-link@2.1.1
├─ terser-webpack-plugin@4.2.3
├─ test-exclude@6.0.0
├─ tr46@2.0.2
├─ tryer@1.0.1
├─ ts-pnp@1.2.0
├─ tsconfig-paths@3.9.0
├─ type-detect@4.0.8
├─ typedarray-to-buffer@3.1.5
├─ unique-string@1.0.0
├─ url-loader@4.1.1
├─ v8-to-istanbul@6.0.1
├─ w3c-hr-time@1.0.2
├─ w3c-xmlserializer@2.0.0
├─ watchpack-chokidar2@2.0.0
├─ watchpack@1.7.4
├─ webpack-dev-server@3.11.0
├─ webpack@4.44.2
├─ whatwg-fetch@3.4.1
├─ word-wrap@1.2.3
├─ workbox-broadcast-update@5.1.4
├─ workbox-build@5.1.4
├─ workbox-cacheable-response@5.1.4
├─ workbox-expiration@5.1.4
├─ workbox-google-analytics@5.1.4
├─ workbox-navigation-preload@5.1.4
├─ workbox-precaching@5.1.4
├─ workbox-range-requests@5.1.4
├─ workbox-streams@5.1.4
├─ workbox-sw@5.1.4
├─ workbox-webpack-plugin@5.1.4
├─ workbox-window@5.1.4
├─ wrap-ansi@6.2.0
├─ write-file-atomic@3.0.3
├─ xmlchars@2.2.0
└─ yargs-parser@18.1.3
✨  Done in 18.78s.

Initialized a git repository.

Installing template dependencies using yarnpkg...
yarn add v1.22.5
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning " > @testing-library/user-event@12.1.10" has unmet peer dependency "@testing-library/dom@>=7.21.4".
[4/4] 🔨  Building fresh packages...
warning Error running install script for optional dependency: "/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents: Command failed.
Exit code: 1
Command: node-gyp rebuild
Arguments:
Directory: /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
Output:
gyp info it worked if it ends with ok
gyp info using node-gyp@5.1.0
gyp info using node@10.22.0 | darwin | x64
gyp info find Python using Python version 3.8.5 found at \"/usr/local/opt/python@3.8/bin/python3.8\"
gyp info spawn /usr/local/opt/python@3.8/bin/python3.8
gyp info spawn args [ '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'make',
gyp info spawn args   '-I',
gyp info spawn args   '/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents/build/config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/Library/Caches/node-gyp/10.22.0/include/node/common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=/Users/seb/Library/Caches/node-gyp/10.22.0',
gyp info spawn args   '-Dnode_gyp_dir=/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args   '-Dnode_lib_file=/Users/seb/Library/Caches/node-gyp/10.22.0/<(target_arch)/node.lib',
gyp info spawn args   '-Dmodule_root_dir=/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'build',
gyp info spawn args   '-Goutput_dir=.' ]
No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:198:13)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12)
gyp ERR! System Darwin 19.6.0
gyp ERR! command \"/Users/seb/.nvm/versions/node/v10.22.0/bin/node\" \"/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js\" \"rebuild\"
gyp ERR! cwd /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
gyp ERR! node -v v10.22.0
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok"
info This module is OPTIONAL, you can safely ignore this error
success Saved lockfile.
success Saved 17 new dependencies.
info Direct dependencies
├─ @testing-library/jest-dom@5.11.5
├─ @testing-library/react@11.1.0
├─ @testing-library/user-event@12.1.10
├─ react-dom@17.0.1
├─ react@17.0.1
└─ web-vitals@0.2.4
info All dependencies
├─ @testing-library/dom@7.26.3
├─ @testing-library/jest-dom@5.11.5
├─ @testing-library/react@11.1.0
├─ @testing-library/user-event@12.1.10
├─ @types/aria-query@4.2.0
├─ @types/jest@26.0.15
├─ @types/testing-library__jest-dom@5.9.5
├─ css.escape@1.5.1
├─ css@3.0.0
├─ dom-accessibility-api@0.5.4
├─ lz-string@1.4.4
├─ min-indent@1.0.1
├─ react-dom@17.0.1
├─ react@17.0.1
├─ redent@3.0.0
├─ strip-indent@3.0.0
└─ web-vitals@0.2.4
✨  Done in 5.52s.
Removing template package using yarnpkg...

yarn remove v1.22.5
[1/2] 🗑  Removing module cra-template...
[2/2] 🔨  Regenerating lockfile and installing missing dependencies...
warning " > @testing-library/user-event@12.1.10" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
[-/5] ⠄ waiting...
[2/5] ⠄ fsevents
[-/5] ⠄ waiting...
[-/5] ⠄ waiting...
warning Error running install script for optional dependency: "/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents: Command failed.
Exit code: 1
Command: node-gyp rebuild
Arguments:
Directory: /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
Output:
gyp info it worked if it ends with ok
gyp info using node-gyp@5.1.0
gyp info using node@10.22.0 | darwin | x64
gyp info find Python using Python version 3.8.5 found at \"/usr/local/opt/python@3.8/bin/python3.8\"
gyp info spawn /usr/local/opt/python@3.8/bin/python3.8
gyp info spawn args [ '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'make',
gyp info spawn args   '-I',
gyp info spawn args   '/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents/build/config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/Library/Caches/node-gyp/10.22.0/include/node/common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=/Users/seb/Library/Caches/node-gyp/10.22.0',
gyp info spawn args   '-Dnode_gyp_dir=/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args   '-Dnode_lib_file=/Users/seb/Library/Caches/node-gyp/10.22.0/<(target_arch)/node.lib',
gyp info spawn args   '-Dmodule_root_dir=/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'build',
gyp info spawn args   '-Goutput_dir=.' ]
No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:198:13)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12)
gyp ERR! System Darwin 19.6.0
gyp ERR! command \"/Users/seb/.nvm/versions/node/v10.22.0/bin/node\" \"/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js\" \"rebuild\"
gyp ERR! cwd /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
success Uninstalled packages.
✨  Done in 5.02s.

Created git commit.

Success! Created storytest at /private/tmp/storytest
Inside that directory, you can run several commands:

  yarn start
    Starts the development server.

  yarn build
    Bundles the app into static files for production.

  yarn test
    Starts the test runner.

  yarn eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd storytest
  yarn start

Happy hacking!

 sb init - the simplest way to add a Storybook to your project.

 • Detecting project type. ✓
yarn add v1.22.5
[1/4] 🔍  Resolving packages...
warning @storybook/react > @storybook/core > @storybook/components > popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning @storybook/react > @storybook/core > @storybook/components > react-popper-tooltip > react-popper > popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
warning " > @testing-library/user-event@12.1.10" has unmet peer dependency "@testing-library/dom@>=7.21.4".
warning " > babel-loader@8.1.0" has unmet peer dependency "webpack@>=2".
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning "@storybook/react > react-docgen-typescript-plugin@0.5.2" has unmet peer dependency "typescript@>= 3.x".
warning "@storybook/react > react-docgen-typescript-plugin > react-docgen-typescript@1.20.5" has unmet peer dependency "typescript@>= 3.x".
warning "@storybook/react > react-docgen-typescript-plugin > react-docgen-typescript-loader@3.7.2" has unmet peer dependency "typescript@*".
warning "@storybook/react > @storybook/addons > @storybook/api > @reach/router@1.3.4" has incorrect peer dependency "react-dom@15.x || 16.x || 16.4.0-alpha.0911da3".
warning " > @storybook/addon-essentials@6.0.27" has incorrect peer dependency "react@^16.8.0".
warning " > @storybook/addon-essentials@6.0.27" has incorrect peer dependency "react-is@^16.8.0".
warning "@storybook/addon-essentials > @storybook/addon-docs@6.0.27" has incorrect peer dependency "react-is@^16.8.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > @mdx-js/react@1.6.19" has incorrect peer dependency "react@^16.13.1".
warning "@storybook/addon-essentials > @storybook/addon-docs > react-element-to-jsx-string@14.3.1" has incorrect peer dependency "react@^0.14.8 || ^15.0.1 || ^16.0.0".
warning "@storybook/addon-essentials > @storybook/addon-docs > react-element-to-jsx-string@14.3.1" has incorrect peer dependency "react-dom@^0.14.8 || ^15.0.1 || ^16.0.0".
[4/4] 🔨  Building fresh packages...
[1/3] ⠠ fsevents
[-/3] ⠠ waiting...
warning Error running install script for optional dependency: "/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents: Command failed.
Exit code: 1
Command: node-gyp rebuild
Arguments:
Directory: /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
Output:
gyp info it worked if it ends with ok
gyp info using node-gyp@5.1.0
gyp info using node@10.22.0 | darwin | x64
gyp info find Python using Python version 3.8.5 found at \"/usr/local/opt/python@3.8/bin/python3.8\"
gyp info spawn /usr/local/opt/python@3.8/bin/python3.8
gyp info spawn args [ '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'make',
gyp info spawn args   '-I',
gyp info spawn args   '/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents/build/config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/seb/Library/Caches/node-gyp/10.22.0/include/node/common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=/Users/seb/Library/Caches/node-gyp/10.22.0',
gyp info spawn args   '-Dnode_gyp_dir=/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp',
gyp info spawn args   '-Dnode_lib_file=/Users/seb/Library/Caches/node-gyp/10.22.0/<(target_arch)/node.lib',
gyp info spawn args   '-Dmodule_root_dir=/private/tmp/storytest/node_modules/chokidar/node_modules/fsevents',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'build',
gyp info spawn args   '-Goutput_dir=.' ]
No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.
No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:198:13)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:248:12)
gyp ERR! System Darwin 19.6.0
gyp ERR! command \"/Users/seb/.nvm/versions/node/v10.22.0/bin/node\" \"/Users/seb/.nvm/versions/node/v10.22.0/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js\" \"rebuild\"
gyp ERR! cwd /private/tmp/storytest/node_modules/chokidar/node_modules/fsevents
gyp ERR! node -v v10.22.0
gyp ERR! node-gyp -v v5.1.0
success Saved lockfile.
success Saved 246 new dependencies.
info Direct dependencies
├─ @storybook/addon-actions@6.0.27
├─ @storybook/addon-essentials@6.0.27
├─ @storybook/addon-links@6.0.27
├─ @storybook/node-logger@6.0.27
├─ @storybook/preset-create-react-app@3.1.4
└─ @storybook/react@6.0.27
info All dependencies
├─ @babel/plugin-proposal-export-default-from@7.12.1
├─ @babel/plugin-syntax-export-default-from@7.12.1
├─ @babel/preset-flow@7.12.1
├─ @babel/register@7.12.1
├─ @base2/pretty-print-object@1.0.0
├─ @emotion/cache@10.0.29
├─ @emotion/css@10.0.27
├─ @emotion/is-prop-valid@0.8.8
├─ @emotion/styled-base@10.0.31
├─ @emotion/styled@10.0.27
├─ @emotion/stylis@0.8.5
├─ @emotion/unitless@0.7.5
├─ @icons/material@0.2.4
├─ @mdx-js/loader@1.6.19
├─ @mdx-js/mdx@1.6.19
├─ @mdx-js/react@1.6.19
├─ @mrmlnc/readdir-enhanced@2.2.1
├─ @storybook/addon-actions@6.0.27
├─ @storybook/addon-backgrounds@6.0.27
├─ @storybook/addon-controls@6.0.27
├─ @storybook/addon-docs@6.0.27
├─ @storybook/addon-essentials@6.0.27
├─ @storybook/addon-links@6.0.27
├─ @storybook/addon-toolbars@6.0.27
├─ @storybook/addon-viewport@6.0.27
├─ @storybook/node-logger@6.0.27
├─ @storybook/postinstall@6.0.27
├─ @storybook/preset-create-react-app@3.1.4
├─ @storybook/react@6.0.27
├─ @storybook/source-loader@6.0.27
├─ @storybook/ui@6.0.27
├─ @types/braces@3.0.0
├─ @types/glob-base@0.3.0
├─ @types/glob@7.1.3
├─ @types/hast@2.3.1
├─ @types/history@4.7.8
├─ @types/is-function@1.0.0
├─ @types/markdown-to-jsx@6.11.2
├─ @types/mdast@3.0.3
├─ @types/micromatch@4.0.1
├─ @types/node-fetch@2.5.7
├─ @types/npmlog@4.1.2
├─ @types/overlayscrollbars@1.12.0
├─ @types/parse5@5.0.3
├─ @types/prop-types@15.7.3
├─ @types/react-color@3.0.4
├─ @types/react-syntax-highlighter@11.0.4
├─ @types/reactcss@1.2.3
├─ @webpack-contrib/schema-utils@1.0.0-beta.0
├─ acorn-jsx@5.3.1
├─ airbnb-js-shims@2.2.1
├─ ansi-align@3.0.0
├─ ansi-to-html@0.6.14
├─ app-root-dir@1.0.2
├─ are-we-there-yet@1.1.5
├─ array.prototype.map@1.0.2
├─ babel-code-frame@6.26.0
├─ babel-helper-is-nodes-equiv@0.0.1
├─ babel-helper-remove-or-void@0.4.3
├─ babel-helper-to-multiple-sequence-expressions@0.5.0
├─ babel-plugin-add-react-displayname@0.0.5
├─ babel-plugin-extract-import-names@1.6.19
├─ babel-plugin-minify-builtins@0.5.0
├─ babel-plugin-minify-constant-folding@0.5.0
├─ babel-plugin-minify-dead-code-elimination@0.5.1
├─ babel-plugin-minify-flip-comparisons@0.4.3
├─ babel-plugin-minify-guarded-expressions@0.4.4
├─ babel-plugin-minify-infinity@0.4.3
├─ babel-plugin-minify-mangle-names@0.5.0
├─ babel-plugin-minify-numeric-literals@0.4.3
├─ babel-plugin-minify-replace@0.5.0
├─ babel-plugin-minify-simplify@0.5.1
├─ babel-plugin-minify-type-constructors@0.4.3
├─ babel-plugin-react-docgen@4.2.1
├─ babel-plugin-syntax-jsx@6.18.0
├─ babel-plugin-transform-inline-consecutive-adds@0.4.3
├─ babel-plugin-transform-member-expression-literals@6.9.4
├─ babel-plugin-transform-merge-sibling-variables@6.9.4
├─ babel-plugin-transform-minify-booleans@6.9.4
├─ babel-plugin-transform-property-literals@6.9.4
├─ babel-plugin-transform-regexp-constructors@0.4.3
├─ babel-plugin-transform-remove-console@6.9.4
├─ babel-plugin-transform-remove-debugger@6.9.4
├─ babel-plugin-transform-remove-undefined@0.5.0
├─ babel-plugin-transform-simplify-comparison-operators@6.9.4
├─ babel-plugin-transform-undefined-to-void@6.9.4
├─ babel-preset-minify@0.5.1
├─ bail@1.0.5
├─ batch-processor@1.0.0
├─ better-opn@2.1.1
├─ boxen@4.2.0
├─ call-me-maybe@1.0.1
├─ camelcase-css@2.0.1
├─ classnames@2.2.6
├─ cli-boxes@2.2.1
├─ cli-table3@0.6.0
├─ code-point-at@1.1.0
├─ collapse-white-space@1.0.6
├─ colors@1.4.0
├─ console-control-strings@1.1.0
├─ copy-to-clipboard@3.3.1
├─ csstype@2.6.13
├─ deep-object-diff@1.1.0
├─ delegate@3.2.0
├─ delegates@1.0.0
├─ detab@2.0.3
├─ detect-port@1.3.0
├─ dom-walk@0.1.2
├─ dotenv-defaults@1.1.1
├─ dotenv-webpack@1.8.0
├─ ejs@3.1.5
├─ element-resize-detector@1.2.1
├─ endent@2.0.1
├─ es-array-method-boxes-properly@1.0.0
├─ es-get-iterator@1.1.0
├─ es5-shim@4.5.14
├─ es6-shim@0.35.6
├─ fast-json-parse@1.0.3
├─ fault@1.0.4
├─ file-system-cache@1.0.5
├─ filelist@1.0.1
├─ filesize@6.0.1
├─ find-root@1.1.0
├─ form-data@3.0.0
├─ format@0.2.2
├─ function.prototype.name@1.1.2
├─ functions-have-names@1.2.1
├─ fuse.js@3.6.1
├─ gauge@2.7.4
├─ github-slugger@1.3.0
├─ glob-base@0.3.0
├─ glob-promise@3.4.0
├─ glob-to-regexp@0.3.0
├─ globalthis@1.0.1
├─ good-listener@1.2.2
├─ gud@1.0.0
├─ has-ansi@2.0.0
├─ has-unicode@2.0.1
├─ hast-to-hyperscript@9.0.0
├─ hast-util-from-parse5@6.0.0
├─ hast-util-parse-selector@2.2.4
├─ hast-util-raw@6.0.1
├─ hast-util-to-parse5@6.0.0
├─ highlight.js@9.15.10
├─ hoist-non-react-statics@3.3.2
├─ html-tags@3.1.0
├─ html-void-elements@1.0.5
├─ immer@1.10.0
├─ inline-style-parser@0.1.1
├─ interpret@2.2.0
├─ is-alphabetical@1.0.4
├─ is-dom@1.1.0
├─ is-function@1.0.2
├─ is-map@2.0.1
├─ is-object@1.0.1
├─ is-set@2.0.1
├─ is-whitespace-character@1.0.4
├─ is-window@1.0.2
├─ is-word-character@1.0.4
├─ iterate-iterator@1.0.1
├─ iterate-value@1.0.2
├─ jake@10.8.2
├─ js-string-escape@1.0.1
├─ klaw@1.3.1
├─ lazy-universal-dotenv@3.0.1
├─ log-symbols@2.2.0
├─ loglevelnext@1.0.5
├─ lowlight@1.12.1
├─ map-or-similar@1.5.0
├─ markdown-escapes@1.0.4
├─ material-colors@1.2.6
├─ mdast-squeeze-paragraphs@4.0.0
├─ mdast-util-definitions@2.0.1
├─ mdast-util-to-hast@9.1.1
├─ mdast-util-to-string@1.1.0
├─ mdurl@1.0.1
├─ min-document@2.19.0
├─ node-dir@0.1.17
├─ node-fetch@2.6.1
├─ npmlog@4.1.2
├─ number-is-nan@1.0.1
├─ objectorarray@1.0.4
├─ overlayscrollbars@1.13.0
├─ parse-entities@1.2.2
├─ parse5@6.0.1
├─ popper.js@1.16.1
├─ prettier@2.0.5
├─ prismjs@1.22.0
├─ promise.allsettled@1.0.2
├─ promise.prototype.finally@3.1.2
├─ property-information@5.6.0
├─ ramda@0.21.0
├─ raw-loader@4.0.2
├─ react-color@2.18.1
├─ react-docgen-typescript-loader@3.7.2
├─ react-docgen-typescript-plugin@0.5.2
├─ react-docgen-typescript@1.20.5
├─ react-docgen@5.3.1
├─ react-draggable@4.4.3
├─ react-element-to-jsx-string@14.3.1
├─ react-fast-compare@3.2.0
├─ react-lifecycles-compat@3.0.4
├─ react-popper-tooltip@2.11.1
├─ react-syntax-highlighter@12.2.1
├─ react-textarea-autosize@8.2.0
├─ reactcss@1.2.3
├─ rechoir@0.6.2
├─ refractor@2.10.1
├─ remark-external-links@6.1.0
├─ remark-footnotes@2.0.0
├─ remark-mdx@1.6.19
├─ remark-slug@6.0.0
├─ remark-squeeze-paragraphs@4.0.0
├─ replace-ext@1.0.0
├─ select@1.1.2
├─ serve-favicon@2.5.0
├─ shelljs@0.8.4
├─ state-toggle@1.0.3
├─ string.prototype.padend@3.1.0
├─ string.prototype.padstart@3.1.0
├─ style-to-object@0.3.0
├─ symbol.prototype.description@1.0.2
├─ term-size@2.2.0
├─ throttle-debounce@2.3.0
├─ tiny-emitter@2.1.0
├─ tinycolor2@1.4.2
├─ toggle-selection@1.0.6
├─ trim-trailing-lines@1.1.3
├─ trim@0.0.1
├─ trough@1.0.5
├─ ts-essentials@2.0.12
├─ typed-styles@0.0.7
├─ unfetch@4.2.0
├─ unherit@1.1.3
├─ unist-builder@2.0.3
├─ unist-util-generated@1.1.5
├─ unist-util-remove-position@2.0.1
├─ unist-util-remove@2.0.0
├─ unist-util-visit-parents@3.1.1
├─ vfile-location@3.1.0
├─ vfile-message@2.0.4
├─ warning@4.0.3
├─ webpack-hot-middleware@2.25.0
├─ webpack-virtual-modules@0.2.2
├─ wide-align@1.1.3
└─ widest-line@3.1.0
✨  Done in 19.55s.
. ✓
 • Preparing to install dependencies. ✓

yarn install v1.22.5
[1/4] 🔍  Resolving packages...
success Already up-to-date.
✨  Done in 0.54s.
. ✓

To run your Storybook, type:

   yarn storybook

For more information visit: https://storybook.js.org

> storytest@0.1.0 storybook /private/tmp/storytest
> start-storybook -p 6006 -s public

info @storybook/react v6.0.27
info
info => Loading static files from: /private/tmp/storytest/public .
info => Loading presets
info => Loading presets
info => Loading config/preview file in "./.storybook".
info => Loading config/preview file in "./.storybook".
info => Adding stories defined in ".storybook/main.js".
info => Loading Webpack configuration from `node_modules/react-scripts`
info => Removing existing JavaScript and TypeScript rules.
ERR! Error: You gave us a visitor for the node type StaticBlock but it's not a valid type
ERR!     at verify (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:112:13)
ERR!     at explode (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:34:3)
ERR!     at Object.merge (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:147:5)
ERR!     at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-replace-supers/lib/index.js:60:44)
ERR!     at Module._compile (internal/modules/cjs/loader.js:778:30)
ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
ERR!     at Module.load (internal/modules/cjs/loader.js:653:32)
ERR!     at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
ERR!     at Function.Module._load (internal/modules/cjs/loader.js:585:3)
ERR!     at Module.require (internal/modules/cjs/loader.js:692:17)
ERR!     at require (internal/modules/cjs/helpers.js:25:18)
ERR!     at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-create-class-features-plugin/lib/fields.js:13:52)
ERR!     at Module._compile (internal/modules/cjs/loader.js:778:30)
ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
ERR!     at Module.load (internal/modules/cjs/loader.js:653:32)
ERR!     at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
ERR!  { Error: You gave us a visitor for the node type StaticBlock but it's not a valid type
ERR!     at verify (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:112:13)
ERR!     at explode (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:34:3)
ERR!     at Object.merge (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:147:5)
ERR!     at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-replace-supers/lib/index.js:60:44)
ERR!     at Module._compile (internal/modules/cjs/loader.js:778:30)
ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
ERR!     at Module.load (internal/modules/cjs/loader.js:653:32)
ERR!     at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
ERR!     at Function.Module._load (internal/modules/cjs/loader.js:585:3)
ERR!     at Module.require (internal/modules/cjs/loader.js:692:17)
ERR!     at require (internal/modules/cjs/helpers.js:25:18)
ERR!     at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-create-class-features-plugin/lib/fields.js:13:52)
ERR!     at Module._compile (internal/modules/cjs/loader.js:778:30)
ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
ERR!     at Module.load (internal/modules/cjs/loader.js:653:32)
ERR!     at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
ERR!   stack:
ERR!    'Error: You gave us a visitor for the node type StaticBlock but it\'s not a valid type\n    at verify (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:112:13)\n    at explode (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:34:3)\n    at Object.merge (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:147:5)\n    at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-replace-supers/lib/index.js:60:44)\n    at Module._compile (internal/modules/cjs/loader.js:778:30)\n    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)\n    at Module.load (internal/modules/cjs/loader.js:653:32)\n    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)\n    at Function.Module._load (internal/modules/cjs/loader.js:585:3)\n    at Module.require (internal/modules/cjs/loader.js:692:17)\n    at require (internal/modules/cjs/helpers.js:25:18)\n    at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-create-class-features-plugin/lib/fields.js:13:52)\n    at Module._compile (internal/modules/cjs/loader.js:778:30)\n    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)\n    at Module.load (internal/modules/cjs/loader.js:653:32)\n    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)' }

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

✖ ｢wdm｣: Hash: 0e4f3c002878642377f1
Version: webpack 4.44.2
Time: 2685ms
Built at: 10/23/2020 9:21:46 PM
                                      Asset      Size        Chunks                                Chunk Names
                                 index.html  2.79 KiB                [emitted]
        main.39c3733cb1f7e3197bf4.bundle.js  82.5 KiB          main  [emitted] [immutable]         main
runtime~main.99691078705b39185f99.bundle.js  6.12 KiB  runtime~main  [emitted] [immutable]         runtime~main
vendors~main.968cd903e9a16b088700.bundle.js  3.02 MiB  vendors~main  [emitted] [immutable]  [big]  vendors~main
Entrypoint main [big] = runtime~main.99691078705b39185f99.bundle.js vendors~main.968cd903e9a16b088700.bundle.js main.39c3733cb1f7e3197bf4.bundle.js
[0] multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/client/manager/index.js ./node_modules/@storybook/addon-links/dist/register.js ./node_modules/@storybook/addon-actions/dist/register.js ./node_modules/@storybook/addon-docs/dist/register.js ./node_modules/@storybook/addon-controls/dist/register.js ./node_modules/@storybook/addon-backgrounds/dist/register.js ./node_modules/@storybook/addon-viewport/dist/register.js ./node_modules/@storybook/addon-toolbars/dist/register.js ./.storybook/generated-refs.js 136 bytes {main} [built]
[./.storybook/generated-refs.js] 1.38 KiB {main} [built] [failed] [1 error]
[./node_modules/@storybook/addon-actions/dist/constants.js] 541 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-actions/dist/containers/ActionLogger/index.js] 8.63 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-actions/dist/register.js] 804 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-backgrounds/dist/constants.js] 452 bytes {vendors~main} [built]
[./node_modules/@storybook/addon-backgrounds/dist/containers/BackgroundSelector.js] 13.2 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-backgrounds/dist/register.js] 2.18 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-controls/dist/register.js] 2.34 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-docs/dist/register.js] 1.99 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-links/dist/register.js] 1.92 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-toolbars/dist/register.js] 2.01 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-viewport/dist/register.js] 1.92 KiB {vendors~main} [built]
[./node_modules/@storybook/core/dist/client/manager/index.js] 521 bytes {vendors~main} [built]
[./node_modules/@storybook/core/dist/server/common/polyfills.js] 120 bytes {vendors~main} [built]
    + 511 hidden modules

ERROR in ./.storybook/generated-refs.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: You gave us a visitor for the node type StaticBlock but it's not a valid type
    at verify (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:112:13)
    at explode (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:34:3)
    at Object.merge (/private/tmp/storytest/node_modules/@babel/traverse/lib/visitors.js:147:5)
    at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-replace-supers/lib/index.js:60:44)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at Object.<anonymous> (/private/tmp/storytest/node_modules/@babel/helper-create-class-features-plugin/lib/fields.js:13:52)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/client/manager/index.js ./node_modules/@storybook/addon-links/dist/register.js ./node_modules/@storybook/addon-actions/dist/register.js ./node_modules/@storybook/addon-docs/dist/register.js ./node_modules/@storybook/addon-controls/dist/register.js ./node_modules/@storybook/addon-backgrounds/dist/register.js ./node_modules/@storybook/addon-viewport/dist/register.js ./node_modules/@storybook/addon-toolbars/dist/register.js ./.storybook/generated-refs.js main[9]
Child HtmlWebpackCompiler:
                          Asset      Size               Chunks  Chunk Names
    __child-HtmlWebpackPlugin_0  6.32 KiB  HtmlWebpackPlugin_0  HtmlWebpackPlugin_0
    Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
    [./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core/dist/server/templates/index.ejs] 2.11 KiB {HtmlWebpackPlugin_0} [built]
WARN Unable to close preview build!
^C
/tmp/storytest %

System

Environment Info:

  System:
    OS: macOS 10.15.7
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
  Binaries:
    Node: 10.22.0 - ~/.nvm/versions/node/v10.22.0/bin/node
    Yarn: 1.22.5 - ~/.nvm/versions/node/v10.22.0/bin/yarn
    npm: 6.14.6 - ~/.nvm/versions/node/v10.22.0/bin/npm
  Browsers:
    Chrome: 86.0.4240.111
    Firefox: 78.0.2
    Safari: 14.0
  npmPackages:
    @storybook/addon-actions: ^6.0.27 => 6.0.27
    @storybook/addon-essentials: ^6.0.27 => 6.0.27
    @storybook/addon-links: ^6.0.27 => 6.0.27
    @storybook/node-logger: ^6.0.27 => 6.0.27
    @storybook/preset-create-react-app: ^3.1.4 => 3.1.4
    @storybook/react: ^6.0.27 => 6.0.27

Additional context None

shilman commented 4 years ago

The following fixes it for me:

rm yarn.lock && yarn

I think there's a babel version inconsistency between CRA@4 and Storybook@6, but I'm not sure what's the proper fix.

shilman commented 4 years ago

NOTE: this is hopefully fixed in 6.1 ☝️ . We need to get it back into the stable release, but are having problems with repros in CI. In the meantime if people can upgrade to 6.1 to test it out, please give it a try and report back:

npx sb upgrade --prerelease

If it doesn't work right away, try removing regenerating lockfiles.

martinpesout commented 3 years ago

I'm getting the same problem. But for me I started to see You gave us a visitor for the node type StaticBlock but it's not a valid type error after upgrading to 6.1 from 6.0.26.

koop commented 3 years ago

Seeing this reliably when upgrading from 6.1.0-alpha.22 to 6.1.1 — regenerating the lockfile doesn’t help. We’re not using CRA, but we are using babel for building our code outside of Storybook. I’ll update if I find a specific Babel version/config that fixes the issue.

koop commented 3 years ago

Removing node_modules fixed the issue for me.

Rebuilding my yarn.lock was not enough. Here's why:

The error we're running into is that Babel is being asked to visit a node type that it doesn't know about (StaticBlock).
The plugin that causes the error is @babel/helper-replace-supers — but it looks to make sure the StaticBlock node type is available in @babel/types before adding the visitor.
When the visitor is run in @babel/traverse, the StaticBlock node type is mysteriously gone. This is because @babel/helper-replace-supers and @babel/traverse use different installations of @babel/types.
These versions got out of sync. StaticBlock was only recently added to Babel in v7.12.0. @babel/helper-replace-supers had v7.12.1 installed at ./node_modules/@storybook/core/node_modules/@babel/types, while @babel/traverse was using the older v7.11.0 at ./node_modules/@storybook/core/node_modules/@babel/traverse/node_modules/@babel/types.
Since @babel/traverse has the correct dependency specified it's just a matter of replacing node_modules.

I think it's safe to mark this closed.

shilman commented 3 years ago

Great detective work @koop. Thanks so much, closing!

jazzfog commented 3 years ago

Same here, just rm yarn.lock && yarn did not work but also deleting node_modules did the trick.

Run from the app directory:

rm -rf ./node_modules && rm yarn.lock && yarn

maksnester commented 2 years ago

rm -rf ./node_modules && yarn install --force

worked for me without removing yarn.lock

lucasfelixc commented 2 years ago

My error is

Error: [BABEL] /vercel/path0/src/index.tsx: You gave us a visitor for the node type TSInstantiationExpression but it's not a valid type

but none of the indications worked for me :(

tjweihra commented 2 years ago

My error is

Error: [BABEL] /vercel/path0/src/index.tsx: You gave us a visitor for the node type TSInstantiationExpression but it's not a valid type

but none of the indications worked for me :(

Getting this same issue on a new expo typescript project

lucasfelixc commented 2 years ago

@tjweihra what's the version of your react-scripts package? I updated mine to 5.0.1 and it solved. But now I have a new error:

Module not found: Error: Can't resolve '/vercel/path0/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js' in '/vercel/path0/src/styles

tjweihra commented 2 years ago

@lucasfelixc I just found the issue, my global npm version for expo-cli was 4.x.x, after upgrading i'm now on version 5.4.6. It seems to have fixed my issue, apologies if that doesn't help.

TalGriman commented 2 years ago

node_modules\@react-navigation\native\src\index.tsx: [BABEL] E:\development\zionet\react-native\expo-cli\flights\node_modules\@react-navigation\native\src\index.tsx: You gave us a visitor for the node type TSInstantiationExpression but it's not a valid type

this is my error today, 2 days ago all worked fine while opened projects... today every project this error :( will be thanksfull for help.

TalGriman commented 2 years ago

tjweihra

update the global expo looks like it work, tnx a lot!

PauloJorgeS commented 2 years ago

I got :

Error: [BABEL] /**/client/src/index.tsx: You gave us a visitor for the node type TSInstantiationExpression but it's not a valid type
    at Generator.next (<anonymous>)
    at Generator.next (<anonymous>)

Still don't get what is the problem. I try to update the react-scripts to "5.0.0"

andrew-aladev commented 2 years ago

You gave us a visitor for the node type TSInstantiationExpression

I've received the same error during global update of project packages. It means babel runtime or one of its part is too old. You have to keep react-script 3.4.4 for now and try to update other packages. The same scenario should be used for other packages.

You should estimate large amount of time for any project packages update. For my case: I should find an ideal balance between 6800 package dependecies (including parts of babel).

davidfirst commented 2 years ago

I started getting the same error today (worked fine yesterday):

You gave us a visitor for the node type TSInstantiationExpression but it's not a valid type

In my case, I use babel programmatically to compile typescript. I don't use react-script nor expo-cli. so none of the solutions above could help.

Edit: many babel packages were updated to 7.18.0 yesterday. One of the merged PRs is Add support for instantiation expressions , it might be related.

wibb36 commented 2 years ago

2 days ago was working, now babel broke the internet. I just wasted a day and still unresolved. I'm getting the error in a Next.js project using (expo) & babel.

I updated Expo-cli to 5.4.6 and all that is suggested above, no solution.

Error: [BABEL] .../pages/_app.tsx: You gave us a visitor for the node type TSInstantiationExpression but it's not a valid type 

at Generator.next (<anonymous>)

Any solution even temporary?

wyattades commented 2 years ago

Forcing @babel/core and @babel/types back to version 7.17 fixed the issue for me, although it feels hacky...

Add the resolutions to package.json:

  "resolutions": {
    "@babel/core": "7.17.12",
    "@babel/types": "7.17.12"
  }

Then rm -rf node_modules && yarn

storybookjs / storybook

Error: You gave us a visitor for the node type StaticBlock but it's not a valid type #12893