Symfony 网页包Encore Zurb基金会网站编译错误

我正在尝试使用Symfony 4应用程序中的基础网站以及网页包Encore。尝试编译scss文件时，我遇到以下错误：

./node_modules/.bin/encore dev
Running webpack ...

 ERROR  Failed to compile with 1 errors                                                                                                   6:42:54 AM

 error  in ./assets/css/app.css

CssSyntaxError

(10:3) Unclosed bracket

   8 |      for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
   9 |  }
> 10 | })(window, function(__WEBPACK_EXTERNAL_MODULE_jquery__) {
     |   ^
  11 | return /******/ (function(modules) { // webpackBootstrap
  12 | /******/     // The module cache
    at <anonymous>


 @ ./assets/js/app.js 9:0-24

package.json

app.css

---

app.css中的导入错误

默认情况下，它导入Js，错误是“嘿，你不能将Js代码导入css”

因此，正确的导入方式是：

 @import "~foundation-sites/dist/css/foundation.css";

或min文件：

@import "~foundation-sites/dist/css/foundation.min.css";

@import "~foundation-sites";

body {
    background-color: lightgray;
}

 @import "~foundation-sites/dist/css/foundation.css";

@import "~foundation-sites/dist/css/foundation.min.css";