What are the Slack Archives?

It’s a history of our time together in the Slack Community! There’s a ton of knowledge in here, so feel free to search through the archives for a possible answer to your question.

Because this space is not active, you won’t be able to create a new post or comment here. If you have a question or want to start a discussion about something, head over to our categories and pick one to post in! You can always refer back to a post from Slack Archives if needed; just copy the link to use it as a reference..

Hey guys, I got a problem after an update to 202212 I cannot build zed frontend anymore: `docker/sdk

michael.schmetter
michael.schmetter Posts: 119 🧑🏻‍🚀 - Cadet

Hey guys,
I got a problem after an update to 202212 I cannot build zed frontend anymore:
docker/sdk cli console frontend:zed:build
Results in

ERROR in ./vendor/spryker/gui/assets/Zed/sass/main.scss
Module build failed (from ./node_modules/@spryker/oryx-for-zed/node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
   ╷
11 │ @import '~bootstrap-sass/assets/stylesheets/bootstrap';
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵

The issue seems to be that the node_modules inside the vendor folder are not build during npm install. Before update they were located at (excerpt from oryx log):

[
  '/data/vendor/spryker/chart/assets/Zed/node_modules',
  '/data/vendor/spryker/discount/assets/Zed/node_modules',
  '/data/vendor/spryker/gui/assets/Zed/node_modules',
  '/data/vendor/spryker/product-relation-gui/assets/Zed/node_modules',
  '/data/vendor/spryker/state-machine/assets/Zed/node_modules'
]

find
initia: 
● resolving core modules deps...
✔ 5 found

Package.json only has some new dependencies...
Anyone any idea how to solve that problem?

Comments

  • giovanni.piemontese
    giovanni.piemontese Technical Lead @ Löffelhardt Spryker Solution Partner Posts: 871 🧑🏻‍🚀 - Cadet

    u need in package.json the workspace definition
    i.e..

        "workspaces": [
            "vendor/spryker/*",
            "vendor/spryker/*/assets/Zed",
            "src/Pyz/Zed/*/assets/"
        ],
    

    and u need a nodejs version >=16 and then everything is working..

  • giovanni.piemontese
    giovanni.piemontese Technical Lead @ Löffelhardt Spryker Solution Partner Posts: 871 🧑🏻‍🚀 - Cadet

    after update your package json and ensure that u have at least node 16 installed then u have to run frontend:project:install-dependencies and then again the zed build..

  • michael.schmetter
    michael.schmetter Posts: 119 🧑🏻‍🚀 - Cadet

    You saved my day!
    I only had the new version restriction in the package.json and not in the deploy file!