POMOC - Kodování SASS

Zdravím, mám problém v projektu, který běží na Symfony + Sylius.. snažím se přes příkaz yarn encore dev vygenerovat z nakodovaných scss souborů klasické css. Zná někdo správné řešení? Jsem ochotný zaplatit za dobrou radu. Díky

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: () isn't a valid CSS value.
    ╷
314 │    $-list: join(($-zf-zero-breakpoint), sl-remove($-list, $-zf-zero-breakpoint));
    │                                                    ^^^^^^
    ╵
  node_modules\foundation-sites\scss\util\_mixins.scss 314:52    -zf-each-breakpoint-in()
  node_modules\foundation-sites\scss\util\_mixins.scss 277:3    -zf-each-breakpoint()
  node_modules\foundation-sites\scss\grid\_row.scss 82:3        grid-row-nest()
  node_modules\foundation-sites\scss\grid\_flex-grid.scss 30:5  flex-grid-row()
  node_modules\foundation-sites\scss\grid\_flex-grid.scss 133:7  foundation-flex-grid()
  assets\shop\css\common\build_common.scss 3:1                  @import
  assets\shop\css\main.scss 3:9                                  root stylesheet

těžko říct, moc informací jsi tady nenapsal. Jak vypadá webpack.config.js?

Původně odeslal TomášX ↪

těžko říct, moc informací jsi tady nenapsal. Jak vypadá webpack.config.js?

const path = require('path');
const Encore = require('@symfony/webpack-encore');

const syliusBundles = path.resolve(__dirname, 'vendor/sylius/sylius/src/Sylius/Bundle/');
const uiBundleScripts = path.resolve(syliusBundles, 'UiBundle/Resources/private/js/');
const uiBundleResources = path.resolve(syliusBundles, 'UiBundle/Resources/private/');

// Shop config
Encore
  .setOutputPath('public/build/shop/')
  .setPublicPath('/build/shop')
  .addEntry('shop-entry', './assets/shop/entry.js')
  .addEntry('css/app', './assets/shop/css/main.scss')
  .copyFiles({
    from: './assets/shop/img',
    to: 'img/[path][name].[ext]'
  })
  .copyFiles({
    from: './assets/shop/svg',
    to: 'svg/[path][name].[ext]'
  })
  .disableSingleRuntimeChunk()
  .cleanupOutputBeforeBuild()
  .enableSourceMaps(!Encore.isProduction())
  .enableVersioning(Encore.isProduction())
  .enableSassLoader();

const shopConfig = Encore.getWebpackConfig();

shopConfig.resolve.alias['sylius/ui'] = uiBundleScripts;
shopConfig.resolve.alias['sylius/ui-resources'] = uiBundleResources;
shopConfig.resolve.alias['sylius/bundle'] = syliusBundles;
shopConfig.name = 'shop';

Encore.reset();

// Admin config
Encore
  .setOutputPath('public/build/admin/')
  .setPublicPath('/build/admin')
  .addEntry('admin-entry', './assets/admin/entry.js')
  .disableSingleRuntimeChunk()
  .cleanupOutputBeforeBuild()
  .enableSourceMaps(!Encore.isProduction())
  .enableVersioning(Encore.isProduction())
  .enableSassLoader();

const adminConfig = Encore.getWebpackConfig();

adminConfig.resolve.alias['sylius/ui'] = uiBundleScripts;
adminConfig.resolve.alias['sylius/ui-resources'] = uiBundleResources;
adminConfig.resolve.alias['sylius/bundle'] = syliusBundles;
adminConfig.externals = Object.assign({}, adminConfig.externals, { window: 'window', document: 'document' });
adminConfig.name = 'admin';

module.exports = [shopConfig, adminConfig];


---------- Příspěvek doplněn 13.09.2021 v 11:56 ----------

Zatím jsme to rozchodili záložním configem, který ty css soubory generuje.. takže to není tak akutní.

na první pohled nevidím nic špatně, projdi zdrojáky jestli není někde zamotaný špatný soubor nebo překlep.

Stejně tak ověř jaké verze yarn balíčků máš u sebe, jestli je nemáš moc staré nebo nové.

Joo, já si myslím, že je asi problém s verzí, ale těch kompatibilit mezi sebou je tolik, že nevím jestli je reálná šance ten problém najít :D

dá to občas trochu práce, ale můžeš se mrknout na datum, kdy se soubory naposledy měnily a vzít tu verzi, která byla v té době, projít changelog a zjistit, kdy se která syntaxe měnila, napsat si skript a vyzkoušet X různých verzí než to projde.

Na konci je vždy dobré najít příčinu, tu opravit a jít na poslední verzi.