webpack encore构建错误：模块构建失败：未封闭的块

Question

在symfony中使用Encore构建Webpack时出现错误

我已经尝试过各种时间来删除node_modules。并使用yarn install重新安装。但是找不到解决方案。它以前一直在工作，但我认为更新后它就坏了。当我取消注释引导线时，一切都会建立。

global.scss

// customize some Bootstrap variables
$primary: darken(#49a94a, 10%);

// the ~ allows you to reference things in node_modules
@import "~bootstrap/scss/bootstrap";

@import '~@fortawesome/fontawesome-free/css/all.css';

yarn encore dev

Running webpack ...

 ERROR  Failed to compile with 2 errors                                                                                                       23:05:40

 error  in ./assets/css/global.scss

Module build failed: ModuleBuildError: Module build failed: Unclosed block (229:4)

  227 | 
  228 | svg {
> 229 |   overflow: hidden;
      |    ^
  230 |   vertical-align: middle;
  231 | }
  232 | 

    at /home/user/Web/kcl_symfony4/node_modules/webpack/lib/NormalModule.js:195:19
    at /home/user/Web/kcl_symfony4/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /home/user/Web/kcl_symfony4/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/home/user/Web/kcl_symfony4/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at Object.<anonymous> (/home/user/Web/kcl_symfony4/node_modules/css-loader/lib/loader.js:31:18)
    at /home/user/Web/kcl_symfony4/node_modules/css-loader/lib/processCss.js:222:4

 error  in ./assets/css/global.scss

Module build failed: Unclosed block (229:4)

  227 | 
  228 | svg {
> 229 |   overflow: hidden;
      |    ^
  230 |   vertical-align: middle;
  231 | }
  232 | 


 @ ./assets/css/global.scss 4:14-199
 @ ./assets/js/app.js

error Command failed with exit code 2.

我已经尝试过独立构建boostrap scss，并且可以正常工作。这就是为什么用node_modules出错的原因。

Answer 1

通过更新@ symfony / webpack-encore解决的问题。在这里找到解决方案：https://github.com/BlackrockDigital/startbootstrap-sb-admin-2/issues/287