最近,当我编译我的scss文件时,我得到一个错误。错误信息如下:

Browserslist: canius -lite已经过时。请运行下一个命令npm update canius -lite browserslist

首先,正如消息所说,我运行npm update canius -lite browserslist,但它没有解决这个问题。 我删除了整个node_modules目录并重新安装,我也通过npm update更新了整个文件夹,但没有一个解决了这个问题。 我还重新安装了autoprefixer和browserslist,但没有一个解决问题。

如果我移除

"options": {
      "autoPrefix": "> 1%"
    }

从我的编译配置。Json,一切都很好,这意味着它可能与autoprefixer有关。另外,我手动将包版本更改为包上的最新版本。Json和重新安装,但没有运气。


当前回答

下面的步骤对我很有效

Rm -rf node_modules/ 纱 纱线升级caniuse-lite浏览器列表 重新启动服务器并清除浏览器缓存。

其他回答

继续上面的回答。

有相同的“插件错误”@MehrdadBabaki。我卸载了web编译器,删除了上面提到的AppData WebCompiler文件夹,然后重新打开VS2019,重新安装了web编译器。

然后我又去了WebCompiler文件夹,做了npm I autoprefixer@latest npm I caniuse-lite@latest和npm I caniuse-lite browserslist@latest

NPM——深度9999更新为我修复了这个问题——显然是因为包锁。Json坚持使用过时的版本。

我已经一步一步地解决了这个问题:

删除node_modules 删除package-lock.json, 运行NPM——depth 9999 update 运行NPM install

我不太确定我的问题在哪里,但我相信这是因为我使用了npm和Yarn中相同的全局包。

我卸载了所有的npm全局包,当再次使用yarn命令时,问题就消失了。

要查看已安装的全局包…

npm:

npm ls -g --depth=0

纱:

yarn global list

然后我卸载了我在npm列表中看到的每个包,使用:

npm uninstall -g <package-name>

我发现了一个捷径,而不是通过vs code appData/webCompiler,我添加它作为一个依赖到我的项目与这个cmd npm I caniuse-lite浏览器列表。但是您可以全局安装它,以避免将它添加到每个项目中。

安装后,可以将其从项目包中删除。Json和做NPM i。

更新:

以防万一,上面的解决方案没有解决它。你可以运行npm update,因为这会升级已弃用/过时的包。

注意:

运行npm更新后,可能会丢失依赖项。跟踪错误并安装缺少的依赖项。我的是nodemon,我修复了npm I nodemon -g