Angular - 运行项目时模块构建失败

Question

I'm working with an Angular template that i downloaded it from this site: https://gogodl.com/b2c555c5a6cb207b/vuexy-vuejs-html-laravel-admin-dashboard-template-8.2.zip

我已经成功运行npm install 。 然后当我想运行ng serve我有这个错误：

./src/styles.scss - Error: 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 function.
  ╷
9 │   @include border-radius(math.div($border-radius, 2));
  │                          ^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src\@core\scss\base\bootstrap-extended\_code.scss 9:26  @import
  src\@core\scss\base\bootstrap-extended.scss 21:9        @import
  src\@core\scss\core.scss 7:9                            @import
  src\styles.scss 1:9                                     root stylesheet
    at processResult (E:\SOS\TP\ANGULAR_Projects\secure_vde_dachboard_template\node_modules\webpack\lib\NormalModule.js:701:19)
    at E:\SOS\TP\ANGULAR_Projects\secure_vde_dachboard_template\node_modules\webpack\lib\NormalModule.js:807:5
    at E:\SOS\TP\ANGULAR_Projects\secure_vde_dachboard_template\node_modules\loader-runner\lib\LoaderRunner.js:400:11
    at E:\SOS\TP\ANGULAR_Projects\secure_vde_dachboard_template\node_modules\loader-runner\lib\LoaderRunner.js:252:18
    at context.callback (E:\SOS\TP\ANGULAR_Projects\secure_vde_dachboard_template\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at Object.callback (E:\SOS\TP\ANGULAR_Projects\secure_vde_dachboard_template\node_modules\sass-loader\dist\index.js:54:7)
    at Worker.<anonymous> (E:\SOS\TP\ANGULAR_Projects\secure_vde_dachboard_template\node_modules\@angular-devkit\build-angular\src\sass\sass-service.js:134:25)
    at Worker.emit (events.js:223:5)
    at MessagePort.<anonymous> (internal/worker.js:142:55)
    at MessagePort.emit (events.js:223:5)

Answer 1

这是 sass 的问题。 可能你在 package.json 中有旧的 sass 版本。 试试这个解决方案