最近，当我编译我的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和重新安装，但没有运气。
当前回答
很多人建议你把包裹锁拆了。Json或yarn.lock。这显然是个坏主意!
我正在使用Yarn，我能够通过删除我的Yarn中的caniuse-db和caniuse-lite条目来纠正这个问题。锁和做纱。
没有必要通过删除锁文件来破坏锁文件的主要功能。
其他回答
听起来好像你在使用Visual Studio的Web Compiler扩展。这里有一个开放的问题:https://github.com/madskristensen/WebCompiler/issues/413
在那个问题上有一个解决方案:
关闭Visual Studio 转到C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X。X (X是WebCompiler的版本) 在“node_modules”文件夹中删除以下文件夹:caniuse-lite和browserslist 打开CMD(在C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X内部)，运行:npm i caniuse-lite browserslist
正如Scott Kuhl的回答中提到的，这个问题在 https://github.com/madskristensen/WebCompiler/issues/413
对我来说，运行命令npm i canius -lite- browserslist只工作了大约1/2天，就再次出现问题。
下面的解决方案，在帖子中提到，工作得更好。这将更新node.js文件，使其使用console.log而不是console。返回这些错误时发出警告。
您可以手动更新位于 C:\Users\【用户名】当地\ AppData \ \ Temp \ WebCompiler VersionNumber \ node_modules \ browserslist
或者，为了自动完成，将以下内容添加到.csproj文件中:
右键单击项目文件，选择“卸载项目” 编辑.csproj文件 将以下内容粘贴到项目文件中。我将它粘贴到文件的末尾，在</Project>结束标记之前，在导入构建web编译器包之前。
<ItemGroup>
<PackageReference Include="MSBuildTasks" Version="1.5.0.235">
<PrivateAssets>all</PrivateAssets>
<IncludeAssets>runtime; build; native; contentfiles; analyzers</IncludeAssets>
</PackageReference>
</ItemGroup>
<PropertyGroup>
<TempFolder>$([System.IO.Path]::GetTempPath())</TempFolder>
</PropertyGroup>
<ItemGroup>
<BrowsersListNodeJsFiles Include="$(TempFolder)\WebCompiler*\node_modules\browserslist\node.js" />
</ItemGroup>
<Target Name="BrowsersListWarningsAsInfo" BeforeTargets="WebCompile">
<FileUpdate Files="@(BrowsersListNodeJsFiles)"
Regex="console.warn"
ReplacementText="console.log" />
</Target>
重新加载项目到解决方案中。
下面的步骤对我很有效
Rm -rf node_modules/ 纱 纱线升级caniuse-lite浏览器列表 重新启动服务器并清除浏览器缓存。
NPM——深度9999更新为我修复了这个问题——显然是因为包锁。Json坚持使用过时的版本。
我的问题通过在我的react native项目中这样做来解决
NPX browserslist@latest——update-db
控制台- - - >
Latest version: 1.0.30001363
Installed version: 1.0.30001296
Removing old caniuse-lite from lock file
Installing new caniuse-lite version
$ npm install caniuse-lite
npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated uglify-es@3.3.9: support for ECMAScript is superseded by `uglify-js` as of v3.13.0
Cleaning package.json dependencies from caniuse-lite
$ npm uninstall caniuse-lite
caniuse-lite has been successfully updated
Target browser changes:
- and_chr 96
+ and_chr 103
- and_ff 95
+ and_ff 101
- android 96
+ android 103
- chrome 96
- chrome 95
- chrome 94
+ chrome 103
+ chrome 102
+ chrome 101
- edge 96
- edge 95
+ edge 103
+ edge 102
- firefox 95
- firefox 94
+ firefox 102
+ firefox 101
- ios_saf 15.2
- ios_saf 15.0-15.1
+ ios_saf 15.5
+ ios_saf 15.4
+ ios_saf 15.2-15.3
- opera 82
- opera 81
+ opera 87
+ opera 86
+ opera 85
- safari 15.2
- safari 15.1
- safari 13.1
+ safari 15.5
+ safari 15.4
- samsung 15.0
- samsung 14.0
+ samsung 17.0
+ samsung 16.0
