Can't install vanilla-tailwind using Node 16 or 18 on macOS M1
Describe the bug
Running
npx @wingsuit-designsystem/cli init -k vanilla-tailwind
On either (using fnm to manage node versions)
- v16.20.1 lts-gallium
- v18.17.0 lts-hydrogen
To Reproduce Steps to reproduce the behavior:
- Set version of node to 16 or 18 LTS
- Run
npx @wingsuit-designsystem/cli init -k vanilla-tailwind - See error
Expected behavior Expecting wingsuit to install
Screenshots
Desktop (please complete the following information):
- OS: macOS Ventura
- Browser Didn't make it there...
Additional context
Full output:
❯ node -v
v16.20.1
❯ npx @wingsuit-designsystem/cli init -k vanilla-tailwind
ws init - the simplest way to install Wingsuit.
Cloning Wingsuit repo ...
Running Wingsuit dependency installation...
yarn install v1.22.19
info No lockfile found.
[1/5] 🔍 Validating package.json...
[2/5] 🔍 Resolving packages...
warning @storybook/addon-actions > [email protected]: Package no longer supported and required. Use the uuid package or crypto.randomUUID instead
warning @storybook/addon-essentials > @storybook/core-common > fork-ts-checker-webpack-plugin > [email protected]: this will be v4
warning @storybook/addon-essentials > @storybook/core-common > webpack > watchpack > watchpack-chokidar2 > [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
warning @storybook/addon-essentials > @storybook/core-common > webpack > watchpack > watchpack-chokidar2 > chokidar > [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
warning @storybook/addon-essentials > @storybook/core-common > webpack > micromatch > snapdragon > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
warning @storybook/addon-essentials > @storybook/core-common > webpack > micromatch > snapdragon > source-map-resolve > [email protected]: https://github.com/lydell/resolve-url#deprecated
warning @storybook/addon-essentials > @storybook/core-common > webpack > micromatch > snapdragon > source-map-resolve > [email protected]: See https://github.com/lydell/source-map-url#deprecated
warning @storybook/addon-essentials > @storybook/core-common > webpack > micromatch > snapdragon > source-map-resolve > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning @storybook/addon-essentials > @storybook/addon-controls > @storybook/store > [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
warning @storybook/addon-essentials > @storybook/addon-docs > @jest/transform > jest-haste-map > [email protected]: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
warning @storybook/addon-essentials > @storybook/addon-docs > @storybook/mdx1-csf > @mdx-js/mdx > remark-parse > [email protected]: Use String.prototype.trim() instead
warning @storybook/linter-config > remark-cli > unified-args > unified-engine > load-plugin > [email protected]: This module is not used anymore. npm config is parsed by npm itself and by @npmcli/config
warning @storybook/react > @storybook/core > @storybook/core-server > @storybook/manager-webpack4 > terser-webpack-plugin > cacache > @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
warning @storybook/react > @storybook/core > @storybook/core-server > @storybook/manager-webpack4 > webpack-dev-middleware > webpack-log > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
warning @storybook/react > @storybook/core > @storybook/core-server > @storybook/builder-webpack4 > [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
warning @wingsuit-designsystem/cli > babel-types > babel-runtime > [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > babel-jest > @jest/transform > jest-haste-map > [email protected]: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > babel-jest > @jest/transform > jest-haste-map > [email protected]: The v1 package contains DANGEROUS / INSECURE binaries. Upgrade to safe fsevents v2
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > babel-plugin-emotion > autoprefixer > [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > svgo > [email protected]: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > svg-sprite-loader > [email protected]: 3.x is no longer supported
warning @wingsuit-designsystem/cli > yeoman-environment > @npmcli/arborist > @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > external-svg-sprite-loader > imagemin-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > babel-plugin-emotion > postcss-nested > postcss-selector-parser > [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > jest > @jest/core > jest-haste-map > [email protected]: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > stylelint > postcss-markdown > remark > remark-parse > [email protected]: Use String.prototype.trim() instead
warning @wingsuit-designsystem/cli > yeoman-environment > @npmcli/arborist > [email protected]: This functionality has been moved to @npmcli/fs
warning @wingsuit-designsystem/cli > lerna > @lerna/add > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/create > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/publish > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/bootstrap > [email protected]: The functionality that this package provided is now in @npmcli/arborist
warning @wingsuit-designsystem/cli > lerna > @lerna/bootstrap > read-package-tree > [email protected]: This functionality has been moved to @npmcli/fs
warning @wingsuit-designsystem/cli > lerna > @lerna/publish > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/publish > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/add > @evocateur/pacote > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/publish > @evocateur/libnpmaccess > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/publish > @lerna/npm-dist-tag > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/version > temp-write > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > babel-plugin-emotion > emotion-utils > fbjs > [email protected]: core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > resolve-url-loader > rework > css > [email protected]: See https://github.com/lydell/source-map-resolve#deprecated
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > resolve-url-loader > rework > css > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > svg-transform-loader > posthtml-transform > postcss-values-parser > [email protected]: flatten is deprecated in favor of utility frameworks such as lodash.
warning @wingsuit-designsystem/cli > yeoman-environment > pacote > npm-registry-fetch > make-fetch-happen > cacache > @npmcli/[email protected]: This functionality has been moved to @npmcli/fs
warning @wingsuit-designsystem/cli > yeoman-environment > @npmcli/arborist > readdir-scoped-modules > [email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/publish > @lerna/npm-publish > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > lerna > @lerna/publish > @lerna/npm-publish > @evocateur/libnpmpublish > @evocateur/[email protected]: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > image-webpack-loader > imagemin-gifsicle > exec-buffer > tempfile > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > external-svg-sprite-loader > cheerio > jsdom > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning @wingsuit-designsystem/cli > lerna > @lerna/bootstrap > @lerna/run-lifecycle > npm-lifecycle > node-gyp > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > external-svg-sprite-loader > cheerio > jsdom > request > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > [email protected]: This SVGO version is no longer supported. Upgrade to v2.x.x.
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > jest > @jest/core > jest-config > jest-environment-jsdom > jsdom > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > stylelint > postcss-markdown > remark > unified > @types/vfile > @types/[email protected]: This is a stub types definition. vfile-message provides its own type definitions, so you do not need this installed.
warning @wingsuit-designsystem/cli > lerna > @lerna/add > @evocateur/pacote > make-fetch-happen > [email protected]: This module is not used anymore, npm uses minipass-fetch for its fetch implementation now
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > external-svg-sprite-loader > cheerio > jsdom > request > [email protected]: this library is no longer supported
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > jest > @jest/core > jest-config > jest-environment-jsdom > jsdom > [email protected]: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
warning @wingsuit-designsystem/cli > @wingsuit-designsystem/core > jest > @jest/core > jest-config > jest-environment-jsdom > jsdom > [email protected]: Use your platform's native performance.now() and performance.timeOrigin.
warning @wingsuit-designsystem/cli > lerna > @lerna/bootstrap > @lerna/symlink-dependencies > @lerna/create-symlink > @zkochan/cmd-shim > [email protected]: This package is broken and no longer maintained. 'mkdirp' itself supports promises now, please switch to that.
warning [email protected]: This loader has been deprecated. Please use eslint-webpack-plugin
warning yo > insight > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning yo > insight > [email protected]: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
warning yo > yeoman-doctor > bin-version-check > bin-version > execa > [email protected]: cross-spawn no longer requires a build toolchain, use it instead
[3/5] 🚚 Fetching packages...
[4/5] 🔗 Linking dependencies...
warning "@storybook/addon-essentials > @storybook/core-common > [email protected]" has unmet peer dependency "typescript@>= 2.7".
warning " > @storybook/[email protected]" has incorrect peer dependency "prettier@^2.0.0".
warning " > @storybook/[email protected]" has unmet peer dependency "remark@^12.0.0".
warning " > @storybook/[email protected]" has unmet peer dependency "typescript@^3.8.0".
warning "@storybook/linter-config > [email protected]" has unmet peer dependency "eslint-plugin-react-hooks@^4 || ^3 || ^2.3.0 || ^1.7.0".
warning "@storybook/linter-config > @typescript-eslint/eslint-plugin > [email protected]" 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/[email protected]" has unmet peer dependency "require-from-string@^2.0.2".
warning "@storybook/react > @storybook/react-docgen-typescript-plugin@1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0" has unmet peer dependency "typescript@>= 3.x".
warning "@storybook/react > @storybook/react-docgen-typescript-plugin > [email protected]" has unmet peer dependency "typescript@>= 4.3.x".
warning " > [email protected]" has unmet peer dependency "stylelint@^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0".
[5/5] 🔨 Building fresh packages...
success Saved lockfile.
✨ Done in 103.57s.
Running Wingsuit setup...
yarn run v1.22.19
$ start-storybook --config-dir apps/storybook
info @storybook/react v6.5.16
info
info => Loading presets
attention => Storybook now collects completely anonymous telemetry regarding usage.
This information is used to shape Storybook's roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://storybook.js.org/telemetry
info => Loading custom manager config
info Addon-docs: using MDX1
info => Using PostCSS preset with [email protected]
info => Using default Webpack4 setup
warn - As of Tailwind CSS v3.0, `trueGray` has been renamed to `neutral`.
warn - Update your configuration file to silence this warning.
10% building 1/1 modules 0 activeinfo => Loading custom manager config
11% building 14/19 modules 5 active ...ode_modules/@storybook/core-client/dist/esm/globals/globals.js
info => Ignoring cached manager due to change in manager config
11% building 16/19 modules 3 active ...tet/Sites/website/public/themes/wingsuit/apps/storybook/assets.jsℹ 「wdm」: wait until bundle finished:
webpack built preview c51c8acd875b09153bb3 in 20655ms
✖ 「wdm」: Hash: c51c8acd875b09153bb3
Version: webpack 4.46.0
Time: 20655ms
Built at: 07/24/2023 1:18:36 PM
Asset Size Chunks Chunk Names
0.iframe.bundle.js 289 KiB 0 [emitted] [big]
0.iframe.bundle.js.map 339 KiB 0 [emitted] [dev]
1.iframe.bundle.js 130 KiB 1 [emitted]
1.iframe.bundle.js.map 128 KiB 1 [emitted] [dev]
2.iframe.bundle.js 9.15 KiB 2 [emitted]
2.iframe.bundle.js.map 6.47 KiB 2 [emitted] [dev]
3.iframe.bundle.js 887 KiB 3 [emitted] [big]
3.iframe.bundle.js.map 871 KiB 3 [emitted] [dev]
4.iframe.bundle.js 83.7 KiB 4 [emitted]
4.iframe.bundle.js.map 85.3 KiB 4 [emitted] [dev]
5.iframe.bundle.js 15.7 KiB 5 [emitted]
5.iframe.bundle.js.map 16.6 KiB 5 [emitted] [dev]
6.iframe.bundle.js 295 KiB 6 [emitted] [big]
6.iframe.bundle.js.map 325 KiB 6 [emitted] [dev]
font/SourceSerifPro-Bold.woff2?83b0e1125f0f261ab3d5360b09953634 33.2 KiB [emitted]
font/SourceSerifPro-Bold.woff?08f2305e2af62004d8a2f098161df2ed 44.6 KiB [emitted]
font/SourceSerifPro-Regular.woff2?1c2889a8d334e40e309e01e244b60192 34.2 KiB [emitted]
font/SourceSerifPro-Regular.woff?5354a575d9e1d082a7397ce4fa516203 45.9 KiB [emitted]
font/poppins-v15-latin-500.eot?e154054d9b801f3e9d2f270e42f831f9 8.3 KiB [emitted]
font/poppins-v15-latin-500.svg?138d54dda216e46d983051607175c7fa 51.5 KiB [emitted]
font/poppins-v15-latin-500.ttf?9b6457625f42c09416f4ff0c6481fa8d 15.7 KiB [emitted]
font/poppins-v15-latin-500.woff2?dc16a3592fdb61b620cc43491f783eb7 7.59 KiB [emitted]
font/poppins-v15-latin-500.woff?ff86872bdc62f119cb706aead2388c8b 10.1 KiB [emitted]
font/poppins-v15-latin-700.eot?7cc029aec7398b2afb50145feff5e2c1 8.32 KiB [emitted]
font/poppins-v15-latin-700.svg?faf69e7f589ee957de532e8cb887d209 50.4 KiB [emitted]
font/poppins-v15-latin-700.ttf?5727a288740eaac4ef33863a092172a9 15.4 KiB [emitted]
font/poppins-v15-latin-700.woff2?9690ce6275ddc5645cfa2d0162d2e309 7.65 KiB [emitted]
font/poppins-v15-latin-700.woff?eb23bc4e632c6270a7f67ebbeccf3784 10.2 KiB [emitted]
font/poppins-v15-latin-regular.eot?18418ab667b4f80aa3cf1fe2572b4ce4 8.43 KiB [emitted]
font/poppins-v15-latin-regular.svg?04277a799cb3f1b29dfad816139bad03 51.6 KiB [emitted]
font/poppins-v15-latin-regular.ttf?b739ab04747cf8e3325a748352a3d3cb 15.8 KiB [emitted]
font/poppins-v15-latin-regular.woff2?5b8f3ba886526963a788fb19c016bcee 7.71 KiB [emitted]
font/poppins-v15-latin-regular.woff?c14093cee8c440c1884e38f2a2732bd6 10.3 KiB [emitted]
font/roboto-v20-latin-regular.woff2?176f8f5bd5f02b3abfcf894955d7e919 15.4 KiB [emitted]
font/roboto-v20-latin-regular.woff?49ae34d4cc6b98c00c69ab4c41de3e0c 19.8 KiB [emitted]
iframe.html 12.1 KiB [emitted]
images/background.png 44.8 KiB [emitted]
images/logo.png 46.6 KiB [emitted]
images/logo.svg 3.56 KiB [emitted]
images/search.svg 502 bytes [emitted]
images/section-icon.svg 298 bytes [emitted]
images/spritemap.svg 4.27 KiB [emitted]
images/ws-atoms.svg 349 bytes [emitted]
images/ws-molecules.svg 679 bytes [emitted]
images/ws-organisms.svg 2.31 KiB [emitted]
images/ws-templates.svg 390 bytes [emitted]
images/ws-tokens.svg 290 bytes [emitted]
main.iframe.bundle.js 311 KiB main [emitted] [big] main
main.iframe.bundle.js.map 124 KiB main [emitted] [dev] main
runtime~main.iframe.bundle.js 36.3 KiB runtime~main [emitted] runtime~main
runtime~main.iframe.bundle.js.map 37.6 KiB runtime~main [emitted] [dev] runtime~main
vendors~main.iframe.bundle.js 13.5 MiB vendors~main [emitted] [big] vendors~main
vendors~main.iframe.bundle.js.map 13.2 MiB vendors~main [emitted] [dev] vendors~main
Entrypoint main [big] = runtime~main.iframe.bundle.js runtime~main.iframe.bundle.js.map vendors~main.iframe.bundle.js vendors~main.iframe.bundle.js.map main.iframe.bundle.js main.iframe.bundle.js.map
[0] multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js 172 bytes {main} [built]
[./apps/storybook/assets.js] 611 bytes {main} [built]
[./apps/storybook/preview.js] 901 bytes {main} [built]
[./apps/storybook/preview.js-generated-config-entry.js] 3.59 KiB {main} [built]
[./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js] 2.84 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/globals/globals.js] 105 bytes {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js] 97 bytes {vendors~main} [built]
[./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js] 2.86 KiB {vendors~main} [built]
[./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js] 2.86 KiB {vendors~main} [built]
[./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined] (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 7.77 KiB {vendors~main} [built]
[./storybook-init-framework-entry.js] 26 bytes {main} [built]
+ 3480 hidden modules
WARNING in ./source/default/tokens/tokens.css (./node_modules/css-loader/dist/cjs.js!./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js??ref--7-2!./source/default/tokens/tokens.css)
Module Warning (from ./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js):
Warning
(48:1) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
@ ./source/default/tokens/tokens.css 2:26-193 53:4-74:5 56:18-185
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
WARNING in ./source/default/tokens/tokens.css (./node_modules/css-loader/dist/cjs.js!./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js??ref--7-2!./source/default/tokens/tokens.css)
Module Warning (from ./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js):
Warning
(48:1) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
@ ./source/default/tokens/tokens.css 2:26-193 53:4-74:5 56:18-185
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
WARNING in ./source/default/tokens/tokens.css (./node_modules/css-loader/dist/cjs.js!./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js??ref--7-2!./source/default/tokens/tokens.css)
Module Warning (from ./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js):
Warning
(48:1) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
@ ./source/default/tokens/tokens.css 2:26-193 53:4-74:5 56:18-185
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
ERROR in ./node_modules/alpinejs/dist/module.esm.js 2696:27
Module parse failed: Unexpected token (2696:27)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| return mutateDom(() => {
| if (event instanceof CustomEvent && event.detail !== void 0)
> return event.detail ?? event.target.value;
| else if (el.type === "checkbox") {
| if (Array.isArray(currentValue)) {
@ ./source/default/vendorjs/alpine.vendor.js 1:0-30 2:16-22 3:0-6
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
Child HtmlWebpackCompiler:
Asset Size Chunks Chunk Names
__child-HtmlWebpackPlugin_0 6.25 KiB HtmlWebpackPlugin_0 HtmlWebpackPlugin_0
Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
[./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/templates/index.ejs] 2.04 KiB {HtmlWebpackPlugin_0} [built]
webpack building...
webpack built preview 22d7a8d356a55e21fb6c in 715ms
✖ 「wdm」: Hash: 22d7a8d356a55e21fb6c
Version: webpack 4.46.0
Time: 715ms
Built at: 07/24/2023 1:18:37 PM
Asset Size Chunks Chunk Names
0.iframe.bundle.js 289 KiB 0 [big]
0.iframe.bundle.js.map 339 KiB 0 [dev]
1.iframe.bundle.js 130 KiB 1
1.iframe.bundle.js.map 128 KiB 1 [dev]
2.iframe.bundle.js 9.15 KiB 2
2.iframe.bundle.js.map 6.47 KiB 2 [dev]
3.iframe.bundle.js 887 KiB 3 [big]
3.iframe.bundle.js.map 871 KiB 3 [dev]
4.iframe.bundle.js 83.7 KiB 4
4.iframe.bundle.js.map 85.3 KiB 4 [dev]
5.iframe.bundle.js 15.7 KiB 5
5.iframe.bundle.js.map 16.6 KiB 5 [dev]
6.iframe.bundle.js 295 KiB 6 [big]
6.iframe.bundle.js.map 325 KiB 6 [dev]
c51c8acd875b09153bb3.hot-update.json 35 bytes [emitted] [immutable] [hmr]
font/SourceSerifPro-Bold.woff2?83b0e1125f0f261ab3d5360b09953634 33.2 KiB
font/SourceSerifPro-Bold.woff?08f2305e2af62004d8a2f098161df2ed 44.6 KiB
font/SourceSerifPro-Regular.woff2?1c2889a8d334e40e309e01e244b60192 34.2 KiB
font/SourceSerifPro-Regular.woff?5354a575d9e1d082a7397ce4fa516203 45.9 KiB
font/poppins-v15-latin-500.eot?e154054d9b801f3e9d2f270e42f831f9 8.3 KiB
font/poppins-v15-latin-500.svg?138d54dda216e46d983051607175c7fa 51.5 KiB
font/poppins-v15-latin-500.ttf?9b6457625f42c09416f4ff0c6481fa8d 15.7 KiB
font/poppins-v15-latin-500.woff2?dc16a3592fdb61b620cc43491f783eb7 7.59 KiB
font/poppins-v15-latin-500.woff?ff86872bdc62f119cb706aead2388c8b 10.1 KiB
font/poppins-v15-latin-700.eot?7cc029aec7398b2afb50145feff5e2c1 8.32 KiB
font/poppins-v15-latin-700.svg?faf69e7f589ee957de532e8cb887d209 50.4 KiB
font/poppins-v15-latin-700.ttf?5727a288740eaac4ef33863a092172a9 15.4 KiB
font/poppins-v15-latin-700.woff2?9690ce6275ddc5645cfa2d0162d2e309 7.65 KiB
font/poppins-v15-latin-700.woff?eb23bc4e632c6270a7f67ebbeccf3784 10.2 KiB
font/poppins-v15-latin-regular.eot?18418ab667b4f80aa3cf1fe2572b4ce4 8.43 KiB
font/poppins-v15-latin-regular.svg?04277a799cb3f1b29dfad816139bad03 51.6 KiB
font/poppins-v15-latin-regular.ttf?b739ab04747cf8e3325a748352a3d3cb 15.8 KiB
font/poppins-v15-latin-regular.woff2?5b8f3ba886526963a788fb19c016bcee 7.71 KiB
font/poppins-v15-latin-regular.woff?c14093cee8c440c1884e38f2a2732bd6 10.3 KiB
font/roboto-v20-latin-regular.woff2?176f8f5bd5f02b3abfcf894955d7e919 15.4 KiB
font/roboto-v20-latin-regular.woff?49ae34d4cc6b98c00c69ab4c41de3e0c 19.8 KiB
images/background.png 44.8 KiB
images/logo.svg 3.56 KiB
images/search.svg 502 bytes
images/section-icon.svg 298 bytes
images/spritemap.svg 4.27 KiB [emitted]
images/ws-atoms.svg 349 bytes
images/ws-molecules.svg 679 bytes
images/ws-organisms.svg 2.31 KiB
images/ws-templates.svg 390 bytes
images/ws-tokens.svg 290 bytes
main.iframe.bundle.js 311 KiB main [big] main
main.iframe.bundle.js.map 124 KiB main [dev] main
runtime~main.iframe.bundle.js 36.3 KiB runtime~main [emitted] runtime~main
runtime~main.iframe.bundle.js.map 37.6 KiB runtime~main [emitted] [dev] runtime~main
vendors~main.iframe.bundle.js 13.5 MiB vendors~main [big] vendors~main
vendors~main.iframe.bundle.js.map 13.2 MiB vendors~main [dev] vendors~main
Entrypoint main [big] = runtime~main.iframe.bundle.js runtime~main.iframe.bundle.js.map vendors~main.iframe.bundle.js vendors~main.iframe.bundle.js.map main.iframe.bundle.js main.iframe.bundle.js.map
[0] multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js 172 bytes {main}
[./apps/storybook/assets.js] 611 bytes {main}
[./apps/storybook/preview.js] 901 bytes {main}
[./apps/storybook/preview.js-generated-config-entry.js] 3.59 KiB {main} [built]
[./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js] 2.84 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js] 2.85 KiB {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/globals/globals.js] 105 bytes {vendors~main}
[./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js] 97 bytes {vendors~main}
[./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js] 2.86 KiB {vendors~main} [built]
[./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js] 2.86 KiB {vendors~main} [built]
[./node_modules/webpack-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined] (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined 7.77 KiB {vendors~main}
[./storybook-init-framework-entry.js] 26 bytes {main} [built]
+ 3480 hidden modules
WARNING in ./source/default/tokens/tokens.css (./node_modules/css-loader/dist/cjs.js!./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js??ref--7-2!./source/default/tokens/tokens.css)
Module Warning (from ./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js):
Warning
(48:1) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
@ ./source/default/tokens/tokens.css 2:26-193 53:4-74:5 56:18-185
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
WARNING in ./source/default/tokens/tokens.css (./node_modules/css-loader/dist/cjs.js!./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js??ref--7-2!./source/default/tokens/tokens.css)
Module Warning (from ./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js):
Warning
(48:1) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
@ ./source/default/tokens/tokens.css 2:26-193 53:4-74:5 56:18-185
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
WARNING in ./source/default/tokens/tokens.css (./node_modules/css-loader/dist/cjs.js!./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js??ref--7-2!./source/default/tokens/tokens.css)
Module Warning (from ./node_modules/@storybook/addon-postcss/node_modules/postcss-loader/dist/cjs.js):
Warning
(48:1) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
@ ./source/default/tokens/tokens.css 2:26-193 53:4-74:5 56:18-185
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
ERROR in ./node_modules/alpinejs/dist/module.esm.js 2696:27
Module parse failed: Unexpected token (2696:27)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| return mutateDom(() => {
| if (event instanceof CustomEvent && event.detail !== void 0)
> return event.detail ?? event.target.value;
| else if (el.type === "checkbox") {
| if (Array.isArray(currentValue)) {
@ ./source/default/vendorjs/alpine.vendor.js 1:0-30 2:16-22 3:0-6
@ ./source/default/patterns/00-protons/index.js
@ ./source/default/patterns/03-organisms/grid/index.js
@ ./source/default/patterns/03-organisms/grid/grid.stories.jsx
@ ./source/default/patterns sync \.stories(\.jsx|\.js|\.mdx)$
@ ./apps/storybook/preview.js
@ ./apps/storybook/preview.js-generated-config-entry.js
@ multi ./apps/storybook/assets.js ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=undefined ./storybook-init-framework-entry.js ./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js ./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js ./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js
✖ 「wdm」: Hash: 74cf34e08d69d3038964
Version: webpack 4.46.0
Time: 22797ms
Built at: 07/24/2023 1:18:39 PM
Asset Size Chunks Chunk Names
0.manager.bundle.js 287 KiB 0 [emitted] [big]
1.manager.bundle.js 128 KiB 1 [emitted]
2.manager.bundle.js 7.25 KiB 2 [emitted]
3.manager.bundle.js 887 KiB 3 [emitted] [big]
4.manager.bundle.js 83.9 KiB 4 [emitted]
5.manager.bundle.js 15.8 KiB 5 [emitted]
6.manager.bundle.js 295 KiB 6 [emitted] [big]
7.manager.bundle.js 1.36 KiB 7 [emitted]
index.html 4.67 KiB [emitted]
main.manager.bundle.js 10.1 KiB main [emitted] main
runtime~main.manager.bundle.js 8.95 KiB runtime~main [emitted] runtime~main
vendors~main.manager.bundle.js 13.2 MiB vendors~main [emitted] [big] vendors~main
Entrypoint main [big] = runtime~main.manager.bundle.js vendors~main.manager.bundle.js main.manager.bundle.js
[0] multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./apps/storybook/manager.js ./node_modules/@storybook/core-client/dist/esm/manager/index.js ./node_modules/@storybook/addon-docs/manager.js ./node_modules/@storybook/addon-controls/manager.js ./node_modules/@storybook/addon-actions/manager.js ./node_modules/@storybook/addon-backgrounds/manager.js ./node_modules/@storybook/addon-viewport/manager.js ./node_modules/@storybook/addon-toolbars/manager.js ./node_modules/@storybook/addon-measure/manager.js ./node_modules/@storybook/addon-outline/manager.js ./node_modules/storybook-addon-themes/register.js 160 bytes {main} [built]
[./apps/storybook/manager.js] 181 bytes {main} [built]
[./node_modules/@storybook/addon-actions/manager.js] ./node_modules/@storybook/addon-actions/manager.js + 5 modules 96.4 KiB {vendors~main} [built]
| ./node_modules/@storybook/addon-actions/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-actions/dist/esm/manager.js 3.42 KiB [built]
| ./node_modules/@storybook/addon-actions/dist/esm/containers/ActionLogger/index.js 7.4 KiB [built]
| ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/index.js 2.97 KiB [built]
| ./node_modules/react-inspector/dist/es/react-inspector.js 81.7 KiB [built]
| ./node_modules/@storybook/addon-actions/dist/esm/components/ActionLogger/style.js 793 bytes [built]
[./node_modules/@storybook/addon-backgrounds/manager.js] ./node_modules/@storybook/addon-backgrounds/manager.js + 6 modules 15.2 KiB {vendors~main} [built]
| ./node_modules/@storybook/addon-backgrounds/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-backgrounds/dist/esm/manager.js 826 bytes [built]
| ./node_modules/@storybook/addon-backgrounds/dist/esm/constants.js 185 bytes [built]
| ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/BackgroundSelector.js 6.55 KiB [built]
| ./node_modules/@storybook/addon-backgrounds/dist/esm/containers/GridSelector.js 3.51 KiB [built]
| ./node_modules/@storybook/addon-backgrounds/dist/esm/components/ColorIcon.js 399 bytes [built]
| ./node_modules/@storybook/addon-backgrounds/dist/esm/helpers/index.js 3.57 KiB [built]
[./node_modules/@storybook/addon-controls/manager.js] ./node_modules/@storybook/addon-controls/manager.js + 3 modules 6 KiB {vendors~main} [built]
| ./node_modules/@storybook/addon-controls/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-controls/dist/esm/manager.js 1.23 KiB [built]
| ./node_modules/@storybook/addon-controls/dist/esm/constants.js 74 bytes [built]
| ./node_modules/@storybook/addon-controls/dist/esm/ControlsPanel.js 4.57 KiB [built]
[./node_modules/@storybook/addon-docs/manager.js] ./node_modules/@storybook/addon-docs/manager.js + 1 modules 674 bytes {vendors~main} [built]
| ./node_modules/@storybook/addon-docs/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-docs/dist/esm/manager.js 625 bytes [built]
[./node_modules/@storybook/addon-measure/manager.js] ./node_modules/@storybook/addon-measure/manager.js + 3 modules 3.99 KiB {vendors~main} [built]
| ./node_modules/@storybook/addon-measure/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-measure/dist/esm/manager.js 484 bytes [built]
| ./node_modules/@storybook/addon-measure/dist/esm/constants.js 290 bytes [built]
| ./node_modules/@storybook/addon-measure/dist/esm/Tool.js 3.12 KiB [built]
[./node_modules/@storybook/addon-outline/manager.js] ./node_modules/@storybook/addon-outline/manager.js + 3 modules 4.15 KiB {vendors~main} [built]
| ./node_modules/@storybook/addon-outline/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-outline/dist/esm/manager.js 626 bytes [built]
| ./node_modules/@storybook/addon-outline/dist/esm/constants.js 76 bytes [built]
| ./node_modules/@storybook/addon-outline/dist/esm/OutlineSelector.js 3.35 KiB [built]
[./node_modules/@storybook/addon-toolbars/manager.js] ./node_modules/@storybook/addon-toolbars/manager.js + 11 modules 19.5 KiB {vendors~main} [built]
| ./node_modules/@storybook/addon-toolbars/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/manager.js 467 bytes [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/constants.js 76 bytes [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarManager.js 1.44 KiB [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarMenuList.js 5.42 KiB [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/utils/normalize-toolbar-arg-type.js 1.05 KiB [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarMenuButton.js 625 bytes [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/hoc/withKeyboardCycle.js 5.09 KiB [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/utils/get-selected.js 1000 bytes [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/components/ToolbarMenuListItem.js 979 bytes [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/utils/create-cycle-value-array.js 573 bytes [built]
| ./node_modules/@storybook/addon-toolbars/dist/esm/utils/register-shortcuts.js 2.69 KiB [built]
[./node_modules/@storybook/addon-viewport/manager.js] ./node_modules/@storybook/addon-viewport/manager.js + 5 modules 18.8 KiB {vendors~main} [built]
| ./node_modules/@storybook/addon-viewport/manager.js 29 bytes [built]
| ./node_modules/@storybook/addon-viewport/dist/esm/manager.js 514 bytes [built]
| ./node_modules/@storybook/addon-viewport/dist/esm/constants.js 316 bytes [built]
| ./node_modules/@storybook/addon-viewport/dist/esm/Tool.js 11 KiB [built]
| ./node_modules/@storybook/addon-viewport/dist/esm/shortcuts.js 3.81 KiB [built]
| ./node_modules/@storybook/addon-viewport/dist/esm/defaults.js 2.98 KiB [built]
[./node_modules/@storybook/addons/dist/esm/public_api.js] 515 bytes {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js] 97 bytes {vendors~main} [built]
[./node_modules/@storybook/core-client/dist/esm/manager/index.js] ./node_modules/@storybook/core-client/dist/esm/manager/index.js + 3 modules 9.59 KiB {vendors~main} [built]
| ./node_modules/@storybook/core-client/dist/esm/manager/index.js 335 bytes [built]
| ./node_modules/@storybook/core-client/dist/esm/manager/provider.js 5.17 KiB [built]
| ./node_modules/@storybook/core-client/dist/esm/manager/conditional-polyfills.js 762 bytes [built]
| ./node_modules/@storybook/channel-websocket/dist/esm/index.js 3.26 KiB [built]
[./node_modules/@storybook/ui/dist/esm/index.js] 498 KiB {vendors~main} [built]
[./node_modules/storybook-addon-themes/register.js] 28 bytes {vendors~main} [built]
+ 3107 hidden modules
ERROR in ./node_modules/@storybook/react/dist/esm/client/preview/render.js
Module not found: Error: Can't resolve 'react-dom/client' in '/Users/pittet/Sites/website/public/themes/wingsuit/node_modules/@storybook/react/dist/esm/client/preview'
@ ./node_modules/@storybook/react/dist/esm/client/preview/render.js 149:19-45
@ ./node_modules/@storybook/react/dist/esm/client/preview/index.js
@ ./node_modules/@storybook/react/dist/esm/client/index.js
@ ./node_modules/@wingsuit-designsystem/storybook/dist/index.js
@ ./apps/storybook/manager.js
@ multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./apps/storybook/manager.js ./node_modules/@storybook/core-client/dist/esm/manager/index.js ./node_modules/@storybook/addon-docs/manager.js ./node_modules/@storybook/addon-controls/manager.js ./node_modules/@storybook/addon-actions/manager.js ./node_modules/@storybook/addon-backgrounds/manager.js ./node_modules/@storybook/addon-viewport/manager.js ./node_modules/@storybook/addon-toolbars/manager.js ./node_modules/@storybook/addon-measure/manager.js ./node_modules/@storybook/addon-outline/manager.js ./node_modules/storybook-addon-themes/register.js
Child HtmlWebpackCompiler:
Asset Size Chunks Chunk Names
__child-HtmlWebpackPlugin_0 6.31 KiB HtmlWebpackPlugin_0 HtmlWebpackPlugin_0
Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
[./node_modules/html-webpack-plugin/lib/loader.js!./node_modules/@storybook/core-common/templates/index.ejs] 2.04 KiB {HtmlWebpackPlugin_0} [built]
ℹ 「wdm」: Failed to compile.
WARN Force closed manager build
ModuleParseError: Module parse failed: Unexpected token (2696:27)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| return mutateDom(() => {
| if (event instanceof CustomEvent && event.detail !== void 0)
> return event.detail ?? event.target.value;
| else if (el.type === "checkbox") {
| if (Array.isArray(currentValue)) {
at handleParseError (/Users/pittet/Sites/website/public/themes/wingsuit/node_modules/webpack/lib/NormalModule.js:469:19)
at /Users/pittet/Sites/website/public/themes/wingsuit/node_modules/webpack/lib/NormalModule.js:503:5
at /Users/pittet/Sites/website/public/themes/wingsuit/node_modules/webpack/lib/NormalModule.js:358:12
at /Users/pittet/Sites/website/public/themes/wingsuit/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/Users/pittet/Sites/website/public/themes/wingsuit/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at Array.<anonymous> (/Users/pittet/Sites/website/public/themes/wingsuit/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/Users/pittet/Sites/website/public/themes/wingsuit/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
at /Users/pittet/Sites/website/public/themes/wingsuit/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
at /Users/pittet/Sites/website/public/themes/wingsuit/node_modules/graceful-fs/graceful-fs.js:123:16
at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)
WARN Broken build, fix the error above.
WARN You may need to refresh the browser.
info => Loading presets
✔ Would you like to send crash reports to Storybook? … yes
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
I think theres going to be a few other errors you come across but we got it working by using --openssl-legacy-provider
export NODE_OPTIONS=--openssl-legacy-provider && npm run ws dev
Thanks @apricot13 that does help with the tailwind init a bit, though it seems like a workaround, ideally the dependencies would be updated to support the new openssl.
It's the same problem on my side, you can not install on nodejs 20. Linux
We upgraded to 2.0 and this is not an issue anymore... I will close this with that tip.