twitter-bootstrap - Laravel 混合 | Bootstrap 弃用警告 : Using/for division is deprecated and will be removed

Question

我使用 npm 安装 Bootstrap 并使用 scss 导入它
但是当我尝试编译时，它只会显示无休止的警告

npm install bootstrap 

app.scss 文件

@import "~bootstrap/scss/bootstrap";

当我运行 dev

npm run dev

然后我看到带有此警告的无尽循环

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

Recommendation: math.div($spacer, 4)

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

    ╷
253 │   1: $spacer / 4,
    │      ^^^^^^^^^^^
    ╵
    node_modules\bootstrap\scss\_variables.scss 253:6  @import
    node_modules\bootstrap\scss\bootstrap.scss 11:9    @import
    resources\css\app.scss 2:9                         root stylesheet

我的 webpack.mix

mix.js('resources/js/app.js', 'public/js')
.sass('resources/css/app.scss', 'public/css', [
    //
]);

Answer 1

正如 Brian Hannay 在评论中提到的，要降级到包的特定版本，在这种情况下是 SASS，你应该:

更改 "sass": "^1.33.0",至"sass": "1.32.13",在 package.json 中。

删除 package-lock.json

删除 node_modules 文件夹

运行 npm 安装

请注意，这将更新 NPM 中的所有其他包。如果您不想这样做，只需从您的 package-lock.json 和 node_modules 中的特定文件夹中删除“sass”。