无法在 Laravel 8 引导程序上编译 sass 文件

问题描述

当我尝试在 laravel 版本 8 上编译引导脚手架时，会出现以下错误

node_modules\bootstrap\scss\mixins\_grid.scss 67:16            row-cols()
    node_modules\bootstrap\scss\mixins\_grid-framework.scss 43:13  @content
    node_modules\bootstrap\scss\mixins\_breakpoints.scss 65:5      media-breakpoint-up()
    node_modules\bootstrap\scss\mixins\_grid-framework.scss 32:5   make-grid-columns()
    node_modules\bootstrap\scss\_grid.scss 72:3                    @import
    node_modules\bootstrap\scss\bootstrap.scss 16:9                @import
    resources\sass\app.scss 8:9                                    root stylesheet

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(100%,$count)

More info and automated migrator: https://sass-lang.com/d/slash-div

   ╷
66 │     flex: 0 0 100% / $count;
   │               ^^^^^^^^^^^^^
   ╵
    node_modules\bootstrap\scss\mixins\_grid.scss 66:15            row-cols()
    node_modules\bootstrap\scss\mixins\_grid-framework.scss 43:13  @content
    node_modules\bootstrap\scss\mixins\_breakpoints.scss 65:5      media-breakpoint-up()
    node_modules\bootstrap\scss\mixins\_grid-framework.scss 32:5   make-grid-columns()
    node_modules\bootstrap\scss\_grid.scss 72:3                    @import
    node_modules\bootstrap\scss\bootstrap.scss 16:9                @import
    resources\sass\app.scss 8:9                                    root stylesheet

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.

有人可以帮忙解决这个问题吗？谢谢

解决方法

不要使用版本 1.33.0，暂时使用 1.32.13 之前的版本。 在您的 package.json "sass": "1.32.13" 上更改它 等待下一个版本的修复。

,

你要么在 /resources/sass/app.scss 中有语法错误。打开文件并搜索 flex: 0 0 100% / $count; 替换为 flex: 0 0 math.div(100%,$count) 如果它不存在那么你的引导程序版本已经破坏了更改尝试更新

版本相关见已接受的答案

参考https://sass-lang.com/d/slash-div