[英]angular issue in scss file
Below is my css file.下面是我的 css 文件。 After updating to angular 11, if i include last 2 rows am getting below error..
更新到 angular 11 后,如果我包括最后 2 行,则会低于错误..
styles.css styles.css
@import '~simple-line-icons/css/simple-line-icons.css';
@import '~@ng-select/ng-select/themes/default.theme.css';
@import '~ngx-bootstrap/datepicker/bs-datepicker.css';
@import '~ngx-toastr/toastr-bs4-alert'; --if i add this am getting beow error
@import '~@coreui/coreui/scss/coreui'; --if i add this am getting beow error
Error错误
Error: ./src/styles.scss Module build failed (from./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from./node_modules/sass-loader/dist/cjs.js): SassError: Undefined mixin.错误:./src/styles.scss 模块构建失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js):ModuleBuildError:模块构建失败(来自./node_modules/sass-loader/dist/ cjs.js):SassError:未定义的混合。 ╷ 63 │ @include border-radius($alert-border-radius);
╷ 63 │ @include 边界半径($alert-border-radius); │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules\ngx-toastr\toastr-bs4-alert.scss 63:5 @import src\styles.scss 6:9 root stylesheet at E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\webpack\lib\NormalModule.js:316:20 at E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\loader-runner\lib\LoaderRunner.js:367:11 at E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\loader-runner\lib\LoaderRunner.js:233:18 at context.callback (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules\ngx- toastr\toastr-bs4-alert.scss 63:5 @import src\styles.scss 6:9 E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\webpack\lib\NormalModule.js 的根样式表: 316:20 在 E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\loader-runner\lib\LoaderRunner.js:367:11 在 E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\ node_modules\loader-runner\lib\LoaderRunner.js:233:18 at context.callback (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\loader-runner\lib\LoaderRunner.js:111:13 )
at E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass-loader\dist\index.js:56:7 at Function.call$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:89862:16) at _render_closure1.call$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:79036:12) at _RootZone.runBinary$3$3 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:26612:18) at _FutureListener.handleError$1 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:25140:19)在 E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass-loader\dist\index.js:56:7 在 Function.call$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\ cps\node_modules\sass\sass.dart.js:89862:16) 在 _render_closure1.call$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass.ZBB1412767896030FAE927Z.js:9030FAE927D8739) ) 在 _RootZone.runBinary$3$3 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:26612:18) 在 _FutureListener.handleError$1 (E:\WorkSpace\BankingSolutions\ CPS\Web.UI\cps\node_modules\sass\sass.dart.js:25140:19)
at _Future__propagateToListeners_handleError.call$0 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:25437:49) at Object._Future__propagateToListeners (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:4502:77) at _Future._completeError$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:25270:9) at _AsyncAwaitCompleter.completeError$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:24613:12) at Object._asyncRethrow (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:4251:17) at E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:13112:20 at _wrapJsFunctionForAsync_closure.$protected (E:\WorkSpace\ at _Future__propagateToListeners_handleError.call$0 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:25437:49) at Object._Future__propagateToListeners (E:\WorkSpace\BankingSolutions\CPS\Web .UI\cps\node_modules\sass\sass.dart.js:4502:77) 在 _Future._completeError$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.ZBB141276785020FAE97ZEA.73: 25270:9) at _AsyncAwaitCompleter.completeError$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:24613:12) at Object._asyncRethrow (E:\WorkSpace\BankingSolutions \CPS\Web.UI\cps\node_modules\sass\sass.dart.js:4251:17) 在 E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.ZBB14127678960FAE97D873950EA201: :20 at _wrapJsFunctionForAsync_closure.$protected (E:\WorkSpace\ BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:4276:15)
BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:4276:15)
Am using anglar 11 projects..Pls any one suggest我正在使用 angular 11 项目..请任何人建议
Install "css-loader": "^2.1.0"安装“css-loader”:“^2.1.0”
npm i css-loader
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.