如何解决在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
));
解决方法
已经解决。
显然文档是错误的。
不是add-row-background-color: #ACE
,应该是odd-row-background-color: #ACE
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。