首页 > 解决方案 > 模块构建失败(来自 ./node_modules/sass-loader/lib/loader.js)

问题描述

当我将 Angular 8 更新到 Angular 12 时,出现如下错误。请帮助我,谢谢!

ERROR in ./src/app/@theme/styles/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--13
-3!./src/app/@theme/styles/styles.scss)

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

undefined
            ^
      No mixin named make-row
      in D:\Projects\VNPT_SI\vpcp\vpcp_ereception_web_anglarLastest\node_modules\bootstrap\scss\_grid.scss (line 7, column 14)
ERROR in multi ./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css ./node_modules/primeicons/primeicons.css ./node_modules/primeng/resources/themes/nova-light/theme.css ./node_modules/primeng/resources/primeng.min.
css ./node_modules/bootstrap/dist/css/bootstrap.css ./node_modules/typeface-exo/index.css ./node_modules/roboto-fontface/css/roboto/roboto-fontface.css ./node_modules/ionicons/scss/ionicons.scss ./node_modules/@fortawesome/fontaweso
me-free/css/all.css ./node_modules/socicon/css/socicon.css ./node_modules/nebular-icons/scss/nebular-icons.scss ./node_modules/angular-tree-component/dist/angular-tree-component.css ./node_modules/pace-js/templates/pace-theme-flash.
tmpl.css ./node_modules/leaflet/dist/leaflet.css ./src/app/@theme/styles/styles.scss ./src/assets/erec/css/styles.css ./src/assets/erec/css/custom-style.css

Module not found: Error: Can't resolve 'D:\Projects\VNPT_SI\vpcp\vpcp_ereception_web_anglarLastest\node_modules\ionicons\scss\ionicons.scss' in 'D:\Projects\VNPT_SI\vpcp\vpcp_ereception_web_anglarLastest'

ERROR in multi ./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css ./node_modules/primeicons/primeicons.css ./node_modules/primeng/resources/themes/nova-light/theme.css ./node_modules/primeng/resources/primeng.min.
css ./node_modules/bootstrap/dist/css/bootstrap.css ./node_modules/typeface-exo/index.css ./node_modules/roboto-fontface/css/roboto/roboto-fontface.css ./node_modules/ionicons/scss/ionicons.scss ./node_modules/@fortawesome/fontaweso
me-free/css/all.css ./node_modules/socicon/css/socicon.css ./node_modules/nebular-icons/scss/nebular-icons.scss ./node_modules/angular-tree-component/dist/angular-tree-component.css ./node_modules/pace-js/templates/pace-theme-flash.
tmpl.css ./node_modules/leaflet/dist/leaflet.css ./src/app/@theme/styles/styles.scss ./src/assets/erec/css/styles.css ./src/assets/erec/css/custom-style.css

Module not found: Error: Can't resolve 'D:\Projects\VNPT_SI\vpcp\vpcp_ereception_web_anglarLastest\node_modules\primeng\resources\themes\nova-light\theme.css' in 'D:\Projects\VNPT_SI\vpcp\vpcp_ereception_web_anglarLastest'

标签: angular

解决方案


推荐阅读