听起来好像你在使用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>

重新加载项目到解决方案中。

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

继续上面的回答。

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

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

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

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

更新:

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

注意:

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

我也有同样的问题，这个命令对我有用

NPM I autoprefixer@latest

它自动在包中添加需要的依赖项。Json和包锁。Json文件如下:

package.json

"autoprefixer": "^9.6.5",

package-lock.json

"@angular-devkit/build-angular": {

...

"dependencies": {
    "autoprefixer": {
      "version": "9.4.6",
      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.4.6.tgz",
      "integrity": "sha512-Yp51mevbOEdxDUy5WjiKtpQaecqYq9OqZSL04rSoCiry7Tc5I9FEyo3bfxiTJc1DfHeKwSFCUYbBAiOQ2VGfiw==",
      "dev": true,
      "requires": {
        "browserslist": "^4.4.1",
        "caniuse-lite": "^1.0.30000929",
        "normalize-range": "^0.1.2",
        "num2fraction": "^1.2.2",
        "postcss": "^7.0.13",
        "postcss-value-parser": "^3.3.1"
      }
    },

...

  }

...

"autoprefixer": {
    "version": "9.6.5",
    "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.6.5.tgz",
    "integrity": "sha512-rGd50YV8LgwFQ2WQp4XzOTG69u1qQsXn0amww7tjqV5jJuNazgFKYEVItEBngyyvVITKOg20zr2V+9VsrXJQ2g==",
    "requires": {
      "browserslist": "^4.7.0",
      "caniuse-lite": "^1.0.30000999",
      "chalk": "^2.4.2",
      "normalize-range": "^0.1.2",
      "num2fraction": "^1.2.2",
      "postcss": "^7.0.18",
      "postcss-value-parser": "^4.0.2"
    },

...

}

我确实把节点版本从12降级到10

EDIT

这个错误发生在我身上，因为我使用的是节点版本12。 当我降级到10.16.5版本时，此错误停止。这个错误发生在我的本地环境中，但在prod和staging中，它不会发生。在prod和staging节点版本是10。我只需要这样做，我不需要更新package.json中的任何包

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

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

要查看已安装的全局包…

npm:

npm ls -g --depth=0

纱:

yarn global list

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

npm uninstall -g <package-name>

在我的例子中，我从node_modules中删除了caniuse-lite和browserslist文件夹。

然后键入以下命令来安装包。

npm i -g browserslist caniuse-lite --save

工作得很好。

要解决这个问题，你可以输入下面的命令:

'npm -g update'

删除node_modules和package-lock。Json和NPM为我解决了这个问题。

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

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

如果你使用纱线:

yarn upgrade

帮帮我吧

尝试这解决了我的问题npx browserslist@latest——update-db

最小的解决方案，为我目前的项目工作

一个创建-反应-应用程序项目 Ubuntu / *nix 2020 节点14.7

删除项目中的node_modules/browserslist目录

now

npm run build

不再生成该消息

很多人建议你把包裹锁拆了。Json或yarn.lock。这显然是个坏主意!

我正在使用Yarn，我能够通过删除我的Yarn中的caniuse-db和caniuse-lite条目来纠正这个问题。锁和做纱。

没有必要通过删除锁文件来破坏锁文件的主要功能。

简单、安全的解决方案

来自@Alexandr Nil的答案是安全的，对我来说很有效。我写的是一个完整的答案，因为很容易忽略他的评论。

npm --depth 20 update --save caniuse-lite browserslist 

这很好，因为:

There is no deletion of package-lock.json. Deleting that would leave you vulnerable to many packages getting upgraded with breaking changes, and you have a much bigger headache than you had before! It is easy to understand exactly what it is doing, because it is explicit and very limited on what is to be updated. It avoids the very large depth of 99 or 9999 which will work on some projects and systems, but not on others. If you have limited the depth to too small a number, it will not break anything. You can increase the depth and try again, until the project compiles successfully. I don't know whether I actually needed 20, or could have managed with a smaller depth, such as 5 or 10. But with a depth of 20 took less than a minute to run. It is quick and easy!

感谢@Zbyszek建议添加“——save”选项。是的，——depth目前已弃用，但我认为他们会用其他东西取代它，而不是完全删除它，所以现在这似乎是破坏性最小的方法。

下面的步骤对我很有效

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

有一个环境变量>= 4.5.4,BROWSERSLIST_IGNORE_OLD_DATA，您可以将其设置为true来抑制警告(BROWSERSLIST_IGNORE_OLD_DATA=true)。添加BROWSERSLIST_IGNORE_OLD_DATA环境变量。

下面是来自该提交的相关代码片段，显示了检查该环境变量时的早期救助:

module.exports = {
  // ...
  oldDataWarning: function oldDataWarning (agentsObj) {
    if (dataTimeChecked) return
    dataTimeChecked = true
    if (process.env.BROWSERSLIST_IGNORE_OLD_DATA) return

    // ...
    console.warn(
      'Browserslist: caniuse-lite is outdated. ' +
      'Please run next command `' + command + '`'
    )
    // ...
  }
  // ...
}

对我来说最有效的方法是首先建立一个项目

NPM运行构建

然后运行它

NPM运行启动

这将消失错误和应用程序加载良好。

我降级节点版本，然后重新安装节点模块，问题已经解决。我是17岁。X到14.5.0

我的问题通过在我的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

删除node_modules并重新安装(npm i)对我有用。没有删除package-lock.json。