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

Question

在symfony中使用 encore 构建我的webpack时出现错误。

我尝试过多次删除 node_modules。 并使用纱线安装重新安装。 但是找不到解决办法。 它以前一直在工作，但我认为更新后它坏了。 当我取消注释引导行时，一切都会建立。

全局.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';

纱线安可开发

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.

我尝试过独立构建 Bootstrap scss 并且有效。 这就是为什么我认为 node_modules 有问题的原因。

Answer 1

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

Answer 2

通过将 @symfony/webpack-encore 更新到 package.json 文件中的最新版本解决了问题。 运行“纱线升级”后，它起作用了。