Laravel混合Bootstrap弃用警告：不推荐使用/进行除法并将被删除

html5 • • 问答

我使用 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_modulesbootstrapscss_variables.scss 253:6  @import
    node_modulesbootstrapscssbootstrap.scss 11:9    @import
    resourcescssapp.scss 2:9                         root stylesheet

我的 webpack.mix

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

回答

正如 Brian Hannay 在评论中提到的，要降级到特定版本的软件包，在这种情况下为 SASS，您应该：

  1. 更改"sass": "^1.33.0",为"sass": "1.32.13",package.json。

  2. 删除 package-lock.json

  3. 删除 node_modules 文件夹

  4. 运行 npm 安装

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

回答

如SASS 文档中所述，您可以使用 Sass 迁移器自动更新样式表以使用 math.div()。

$ npm install -g sass-migrator

$ sass-migrator division **/*.scss

以上是Laravel混合Bootstrap弃用警告：不推荐使用/进行除法并将被删除的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>