Nuxtjs vuetify抛出大量的“使用/用于分区”已被弃用，并将在Dart Sass 2.0.0中删除`

Nuxtjs使用vuetify抛出大量错误

使用/for division已被弃用，将在Dart Sass 2.0.0中删除。

在纱线开发过程中

Nuxtjs:v2.15.6 @nuxtjs/vuetify:“1.11.3”， “sass”：“1.32.8”， “sass加载器”：“10.2.0”

有人知道怎么修吗

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

Recommendation: math.div($grid-gutter, 3)

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

   ╷
63 │     'md': $grid-gutter / 3,
   │           ^^^^^^^^^^^^^^^^
   ╵
    node_modules/vuetify/src/styles/settings/_variables.scss 63:11  @import
    node_modules/vuetify/src/styles/settings/_index.sass 1:9        @import
    node_modules/vuetify/src/styles/styles.sass 2:9                 @import
    node_modules/vuetify/src/components/VIcon/_variables.scss 1:9   @import
    node_modules/vuetify/src/components/VIcon/VIcon.sass 2:9        root stylesheet

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

Recommendation: math.div($grid-gutter * 2, 3)

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

   ╷
64 │     'lg': $grid-gutter * 2/3,
   │           ^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/vuetify/src/styles/settings/_variables.scss 64:11  @import
    node_modules/vuetify/src/styles/settings/_index.sass 1:9        @import
    node_modules/vuetify/src/styles/styles.sass 2:9                 @import
    node_modules/vuetify/src/components/VIcon/_variables.scss 1:9   @import
    node_modules/vuetify/src/components/VIcon/VIcon.sass 2:9        root stylesheet

---

我想vuetify有个问题。 但是如果你用纱线，你可以用

“决议”：{
@nuxtjs/vuetify/**/sass:“1.32.12”
}

在

package.json

中

编辑

如果使用npm，只需添加

“开发依赖性”：{
...,
“sass”：“~1.32.12”
}

到

package.json

快速修复 将您的sass版本更改为使用tilde

~

，它应该可以工作。这是因为它将禁止使用更新的次要版本，并且只允许使用修补程序

示例package.json行：

"sass": "~1.32.6"

看

未来兼容修复程序

---

对于那些想要重构

/

使用的人，您需要获得。有了它，一旦将

'@nuxtjs/style resources'

添加到您的Nuxt配置

buildModules

，您就可以在配置中的

styleResources

属性中设置

highusestatements:true

。这将允许您

@使用“sass:math”“；

在样式块中，将

a/b

更改为

math.div（a，b）

已解决！！！
这一原因发生在许多前端框架中，我个人使用

@nuxtjs/vuetify

，最近两天前我遇到了同样的问题，您可以看到附加的图像进行验证

我用一行代码修复了它，您可以检查以下步骤进行验证。根据您的需要选择windows或linux中的步骤

Windows 10（本地主机）步骤：

删除节点模块

rm-r。\node\u模块\

删除package-lock.json

rm-r。\package-lock.json

在

devDependencies

部分下的package.json中添加一行

“sass”：“1.32.13”

Linux（生产）步骤：

移除节点模块

rm-R节点模块

删除package-lock.json

rm-R package-lock.json

在

devDependencies

部分下的package.json中添加一行

“sass”：“1.32.13”

最后，证据附在下面

请记住，一旦

nuxtjs/vuetify

发布了此sass版本的修补程序，请将您的package.json sass更新为最新版本

---

感谢阅读！！！

将这一行添加到package.json中的devdependentials

"sass": "~1.32.12"

删除节点\u模块文件夹和包锁.json，运行

$ npm install

---

与这里的其他答案相反，我想指出，这种“错误”也可以被积极看待并采取行动：

它指向本页：

这简单地解释了sass到目前为止的工作方式是不好的，从现在起它要求“改进我们的方式”：

Sass目前在某些上下文中将/视为除法运算，在另一些上下文中将/视为分隔符。这使得Sass用户很难判断任何给定的/将意味着什么，也使得使用/作为分隔符的新CSS功能很难使用

在那一页的末尾有一个

$npm安装-g sass migrator
$sass迁移器部门**/*.scss

---

总的来说，这整个事情听起来很合理，开发者应该认真考虑修复他们现有的代码，而不是“扫下地毯”。“方法。

这里也有同样的问题。

nuxt biuld

工作正常，但在

nuxt generate

命令中出现了相同的错误显示错误或您的错误屏幕截图谢谢，不知道这个“窍门”非常感谢，这最终阻止了我的终端被一大堆奇怪的警告炸开：）这在开发依赖中可能是合理的，但在这种情况下，我的UI框架依赖于Sass，导致我的构建因输出过多而中断。这不是我需要解决的问题，当然也不应该在小版本更新后出现。这只是一个警告而不是错误，它不会破坏任何东西。它会让你烦恼，因此你会修复每一行它打断的工具，而这些工具不希望此消息以看似无止境的循环打印，例如，当使用Vuetify时，它显然有很多很多很多地方使用了不推荐的分割样式。我不是在这里漫无目的地反对Sass，但是Vuetify：他们应该使用更严格的Sass版本来防止此消息困扰下游开发人员。“但是Vuetify：他们应该使用更严格的Sass版本来防止此消息困扰下游开发人员。”！如果代码生成此错误字符串，则vsync的答案是“正确的”。而且听起来Vuetify可以从遵循vsync建议的快速补丁中获益值得一提的是，错误字符串提到了一个自动修复：）。对于此解决方案，实际上也可以在vuetify的/node_modules/vuetify/**中工作。但如果新的回购或删除了节点模块，它将返回。另请参阅Vuetify问题。

$ npm install

@use "sass:math";

// WRONG, will not work in future Sass versions.
@debug (12px/4px); // 3

// RIGHT, will work in future Sass versions.
@debug math.div(12px, 4px); // 3