微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在Laravel中将Sass与AgGrid一起使用时,为什么会出现错误?

如何解决在Laravel中将Sass与AgGrid一起使用时,为什么会出现错误?

遵循Ag-Grid vue(https://www.ag-grid.com/vuejs-grid/#vue_theme_look)的指南时,我发生了错误

使用普通样式时,我没有问题。

错误

Uncaught Error: Module build Failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build Failed (from ./node_modules/sass-loader/dist/cjs.js):

    -webkit-font-smoothing: antialiased;
   ^
      Declarations may only be used within style rules.
   ╷
29 │     -webkit-font-smoothing: antialiased;
   │     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  node_modules\ag-grid-community\src\styles\ag-theme-base\sass\_ag-theme-base-mixin.scss 29:5     ag-theme-base()
  node_modules\ag-grid-community\src\styles\ag-theme-alpine\sass\_ag-theme-alpine-mixin.scss 8:5  ag-theme-alpine()
  resources\sass\_aggrid.scss 4:1                                                                 @import
  stdin 12:9                                                                                      root stylesheet
      in C:\laragon\www\zonadolar\node_modules\ag-grid-community\src\styles\ag-theme-base\sass\_ag-theme-base-mixin.scss (line 29,column 5)
    at C:\laragon\www\zonadolar\node_modules\webpack\lib\normalModule.js:316:20
    at C:\laragon\www\zonadolar\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at C:\laragon\www\zonadolar\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (C:\laragon\www\zonadolar\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at C:\laragon\www\zonadolar\node_modules\sass-loader\dist\index.js:89:7
    at Function.call$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:88191:16)
    at _render_closure1.call$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:77610:12)
    at _RootZone.runBinary$3$3 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:26152:18)
    at _RootZone.runBinary$3 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:26156:19)
    at _FutureListener.handleError$1 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24600:19)
    at _Future__propagatetoListeners_handleError.call$0 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24897:40)
    at Object._Future__propagatetoListeners (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:4311:88)
    at _Future._completeError$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24725:9)
    at _AsyncAwaitCompleter.completeError$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24117:12)
    at Object._asyncRethrow (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:4065:17)
    at C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:14087:20
    at _wrapJsFunctionForAsync_closure.$protected (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:4090:15)
    at _wrapJsFunctionForAsync_closure.call$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24138:12)
    at _awaitOnObject_closure0.call$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24130:25)
    at _RootZone.runBinary$3$3 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:26152:18)
    at _RootZone.runBinary$3 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:26156:19)
    at _FutureListener.handleError$1 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24600:19)
    at _Future__propagatetoListeners_handleError.call$0 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24897:40)
    at Object._Future__propagatetoListeners (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:4311:88)
    at _Future._completeError$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24725:9)
    at _AsyncAwaitCompleter.completeError$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24117:12)
    at Object._asyncRethrow (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:4065:17)
    at C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:16672:20
    at _wrapJsFunctionForAsync_closure.$protected (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:4090:15)
    at _wrapJsFunctionForAsync_closure.call$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24138:12)
    at _awaitOnObject_closure0.call$2 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24130:25)
    at _RootZone.runBinary$3$3 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:26152:18)
    at _RootZone.runBinary$3 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:26156:19)
    at _FutureListener.handleError$1 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24600:19)
    at _Future__propagatetoListeners_handleError.call$0 (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:24897:40)
    at Object._Future__propagatetoListeners (C:\laragon\www\zonadolar\node_modules\sass\sass.dart.js:4311:88)
    at Object../resources/sass/app.scss (http://zonadolar.test/js/app.js:81476:7)
    at __webpack_require__ (http://zonadolar.test/js/app.js:20:30)
    at Object.0 (http://zonadolar.test/js/app.js:81488:18)
    at __webpack_require__ (http://zonadolar.test/js/app.js:20:30)
    at http://zonadolar.test/js/app.js:84:18
    at http://zonadolar.test/js/app.js:87:10
./resources/sass/app.scss @ app.js:81476
__webpack_require__ @ app.js:20
0 @ app.js:81488
__webpack_require__ @ app.js:20
(anonymous) @ app.js:84
(anonymous) @ app.js:87

resources / sass / _aggrid.scss

@import "../../node_modules/ag-grid-community/src/styles/ag-grid.scss";
@import "../../node_modules/ag-grid-community/src/styles/ag-theme-alpine/sass/ag-theme-alpine-mixin.scss";

@include ag-theme-alpine((
    add-row-background-color: #ACE
));

显然,当评论@include时,错误消失了

  • Laravel 6
  • 带有Laragon(本地)的Windows 10

解决方法

已经解决。
显然文档是错误的。
不是add-row-background-color: #ACE,应该是odd-row-background-color: #ACE

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。