Sháníme investora pro výrobu Vánoční velkoobchodní zakázky
12.09.2021 18:13
1
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
13.09.2021 12:46
2
těžko říct, moc informací jsi tady nenapsal. Jak vypadá webpack.config.js?
13.09.2021 12:53
3
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 = [shopConfigadminConfig];


---------- 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í.
13.09.2021 12:59
4
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é.
13.09.2021 13:03
5
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
13.09.2021 14:32
6
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.