scss文件中的角度问题

Question

下面是我的css文件。在更新到angular 11之后，如果我包含最后2行，则会出现错误。

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

错误

错误：./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)；toastr节点模块\ngx-toastr\toastr-bs4-│^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^╵.scss 63:5 @import src\styles.scss 6:9 root│^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^╵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在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 _render_closure1.call$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:79036:12) at Function.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)在_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 _Future._completeError$2 (E:\WorkSpace\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:25270:9) at Object._Future__propagateToListeners _Future._completeError$2at _AsyncAwaitCompleter.completeError$2 (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：\_AsyncAwaitCompleter.completeError$2\BankingSolutions\CPS\Web.UI\cps\node_modules\sass\sass.dart.js:4276:15)

我正在使用anglar 11 projects..Pls，有人推荐吗？

Answer 1

安装css-loader："^2.1.0“

npm i css-loader