search

wingsuit-designsystem / wingsuit

Twig for Storybook
GNU General Public License v2.0
90 stars 16 forks source link

Can not install like described in the docs - Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' #226

Open zuernBernhard opened 1 year ago

zuernBernhard commented 1 year ago

Describe the bug Can not install.

To Reproduce Steps to reproduce the behavior:

  1. Use node 16.19.0 with npm@8.19.3 on macos ventura (silicon)
  2. try to run Drupal or vanilla install in an empty folder from https://wingsuit-designsystem.github.io/guides/quick-start-guide/

Expected behavior CLean install without error.

Screenshots ` [./apps/storybook/assets.js] 579 bytes {main} [./apps/storybook/preview.js] 736 bytes {main} [./apps/storybook/preview.js-generated-config-entry.js] 3.52 KiB {main} [built] [./node_modules/@storybook/addon-backgrounds/preview.js] 36 bytes {vendors~main} [./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js] 2.84 KiB {vendors~main} [built] [./node_modules/@storybook/addon-docs/preview.js] 36 bytes {vendors~main} [./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js] 2.83 KiB {vendors~main} [built] [./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js] 2.83 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.84 KiB {vendors~main} [built] [./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js] 2.84 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.67 KiB {vendors~main} [./storybook-init-framework-entry.js] 26 bytes {main} [built]

ERROR in ./source/default/tokens/exports/_colors.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/dist/cjs.js??ref--13-2!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js!./source/default/tokens/exports/_colors.scss) Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_colors.scss) @ ./source/default/tokens/exports/_colors.scss 2:26-288 53:4-74:5 56:18-280 @ ./apps/storybook/patterns/00-base/colors.stories.mdx @ ./apps/storybook/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-links/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js

ERROR in ./source/default/tokens/exports/_font-families.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/dist/cjs.js??ref--13-2!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js!./source/default/tokens/exports/_font-families.scss) Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-families.scss) @ ./source/default/tokens/exports/_font-families.scss 2:26-295 53:4-74:5 56:18-287 @ ./apps/storybook/patterns/00-base/typeset.stories.mdx @ ./apps/storybook/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-links/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js

ERROR in ./source/default/tokens/exports/_font-sizes-display.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/dist/cjs.js??ref--13-2!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js!./source/default/tokens/exports/_font-sizes-display.scss) Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-sizes-display.scss) @ ./source/default/tokens/exports/_font-sizes-display.scss 2:26-300 53:4-74:5 56:18-292 @ ./apps/storybook/patterns/00-base/typeset.stories.mdx @ ./apps/storybook/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-links/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js

ERROR in ./source/default/tokens/exports/_font-sizes-heading.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/dist/cjs.js??ref--13-2!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js!./source/default/tokens/exports/_font-sizes-heading.scss) Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-sizes-heading.scss) @ ./source/default/tokens/exports/_font-sizes-heading.scss 2:26-300 53:4-74:5 56:18-292 @ ./apps/storybook/patterns/00-base/typeset.stories.mdx @ ./apps/storybook/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-links/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js

ERROR in ./source/default/tokens/main.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/dist/cjs.js??ref--13-2!./node_modules/resolve-url-loader??ref--13-3!./node_modules/sass-loader/dist/cjs.js!./source/default/tokens/main.scss) Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/main.scss) @ ./source/default/tokens/main.scss 2:26-273 53:4-74:5 56:18-265 @ ./source/default/patterns/00-protons/index.js @ ./source/default/patterns/03-organisms/header/index.js @ ./apps/storybook/patterns/05-pages/homepage/homepage.stories.jsx @ ./apps/storybook/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-links/preview.js-generated-config-entry.js ./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js ./apps/storybook/preview.js-generated-config-entry.js ✖ ｢wdm｣: Hash: fe412f7efccf6deda6d3 Version: webpack 4.46.0 Time: 16383ms Built at: 24.01.2023 09:55:20 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.42 KiB [emitted] main.manager.bundle.js 8.54 KiB main [emitted] main runtime~main.manager.bundle.js 8.95 KiB runtime~main [emitted] runtime~main vendors~main.manager.bundle.js 12.9 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-viewport/manager.js ./node_modules/@storybook/addon-controls/manager.js ./node_modules/@storybook/addon-links/manager.js ./node_modules/@storybook/addon-backgrounds/manager.js 112 bytes {main} [built] [./apps/storybook/manager.js] 181 bytes {main} [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-links/manager.js] ./node_modules/@storybook/addon-links/manager.js + 2 modules 662 bytes {vendors~main} [built] | ./node_modules/@storybook/addon-links/manager.js 29 bytes [built] | ./node_modules/@storybook/addon-links/dist/esm/manager.js 398 bytes [built] | ./node_modules/@storybook/addon-links/dist/esm/constants.js 225 bytes [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 [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/@wingsuit-designsystem/storybook/dist/index.js] 11.6 KiB {vendors~main} [built] [./node_modules/airbnb-js-shims/index.js] 40 bytes {vendors~main} [built] [./node_modules/core-js/features/symbol/index.js] 47 bytes {vendors~main} [built] [./node_modules/global/window.js] 232 bytes {vendors~main} [built]

ERROR in ./node_modules/@storybook/react/dist/esm/client/preview/render.js Module not found: Error: Can't resolve 'react-dom/client' in '/Users/bernhard/Sites/wingsuit/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/testing/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-viewport/manager.js ./node_modules/@storybook/addon-controls/manager.js ./node_modules/@storybook/addon-links/manager.js ./node_modules/@storybook/addon-backgrounds/manager.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.03 KiB {HtmlWebpackPlugin_0} [built] ℹ ｢wdm｣: Failed to compile. WARN Force closed manager build ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_colors.scss) at Object.emitError (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/webpack/lib/NormalModule.js:173:6) at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:196:19) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) Error: Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_colors.scss) at loadPlugin (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:121:11) at /Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:190:16 at Array.map () at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:186:30) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-families.scss) at Object.emitError (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/webpack/lib/NormalModule.js:173:6) at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:196:19) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) Error: Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-families.scss) at loadPlugin (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:121:11) at /Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:190:16 at Array.map () at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:186:30) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-sizes-display.scss) at Object.emitError (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/webpack/lib/NormalModule.js:173:6) at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:196:19) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) Error: Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-sizes-display.scss) at loadPlugin (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:121:11) at /Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:190:16 at Array.map () at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:186:30) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-sizes-heading.scss) at Object.emitError (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/webpack/lib/NormalModule.js:173:6) at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:196:19) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) Error: Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/exports/_font-sizes-heading.scss) at loadPlugin (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:121:11) at /Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:190:16 at Array.map () at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:186:30) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) ModuleError: Module Error (from ./node_modules/postcss-loader/dist/cjs.js): Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/main.scss) at Object.emitError (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/webpack/lib/NormalModule.js:173:6) at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:196:19) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36) Error: Loading PostCSS "postcss-preset-env" plugin failed: Cannot find module 'postcss-preset-env' Require stack:

(@/Users/bernhard/Sites/wingsuit/wingsuit/source/default/tokens/main.scss) at loadPlugin (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:121:11) at /Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:190:16 at Array.map () at getPostcssOptions (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/utils.js:186:30) at Object.loader (/Users/bernhard/Sites/wingsuit/wingsuit/node_modules/postcss-loader/dist/index.js:65:36)

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. ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ npm i react/dom-client npm ERR! code 128 npm ERR! An unknown git error occurred npm ERR! command git --no-replace-objects ls-remote ssh://git@github.com/react/dom-client.git npm ERR! ERROR: Repository not found. npm ERR! Schwerwiegend: Konnte nicht vom Remote-Repository lesen. npm ERR! npm ERR! Bitte stellen Sie sicher, dass die korrekten Zugriffsberechtigungen bestehen npm ERR! und das Repository existiert.

npm ERR! A complete log of this run can be found in: npm ERR! /Users/bernhard/.npm/_logs/2023-01-24T08_55_51_155Z-debug-0.log ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ yarn install 128 ↵ yarn install v1.22.19 info No lockfile found. [1/4] 🔍 Resolving packages... [2/4] 🚚 Fetching packages... [3/4] 🔗 Linking dependencies... [4/4] 🔨 Building fresh packages... success Saved lockfile. ✨ Done in 0.02s. ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ yarn -v 1.22.19 ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ ls node_modules wingsuit yarn.lock ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ rm node_modules rm: node_modules: is a directory ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ code . 1 ↵ ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit ╰─$ npm -V npm

Usage:

npm install install all the dependencies in your project npm install add the dependency to your project npm test run this project's tests npm run run the script named npm -h quick help on npm -l display usage info for all commands npm help search for help on npm help npm more involved overview

All commands:

access, adduser, audit, bin, bugs, cache, ci, completion,
config, dedupe, deprecate, diff, dist-tag, docs, doctor,
edit, exec, explain, explore, find-dupes, fund, get, help,
hook, init, install, install-ci-test, install-test, link,
ll, login, logout, ls, org, outdated, owner, pack, ping,
pkg, prefix, profile, prune, publish, query, rebuild, repo,
restart, root, run-script, search, set, set-script,
shrinkwrap, star, stars, start, stop, team, test, token,
uninstall, unpublish, unstar, update, version, view, whoami

Specify configs in the ini-formatted file: /Users/bernhard/.npmrc or on the command line via: npm --key=value

More configuration info: npm help config Configuration fields: npm help 7 config

npm@8.19.3 /Users/bernhard/.nodenv/versions/16.19.0/lib/node_modules/npm ╭─bernhard@MacBook-Pro-von-Bernhard ~/Sites/wingsuit `

Desktop (please complete the following information):

Additional context Also run intor errors if i try to run the drupal starterkit into an existing drupal project.

herve-lefouler commented 5 months ago

I fix that this way :

Not sure it's the right solution, but it works.