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 文件中的最新版本解決了問題。 運行“紗線升級”后，它起作用了。