Recentemente, ao compilar meus arquivos scss, recebo um erro. A mensagem de erro diz:

Lista de navegadores: caniuse-lite está desatualizado. Por favor, execute o próximo comandonpm update caniuse-lite browserslist

Primeiro, como diz a mensagem, eu corri, npm update caniuse-lite browserslistmas não corrigiu o problema. Excluí todo o diretório nod-modules e instalei novamente, também atualizei a pasta inteira, npm updatemas nenhum deles resolveu o problema. Eu também reinstalei o autoprefixer e a lista de navegadores, mas nenhum deles resolveu o problema.

Se eu remover

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

do meu compilerconfig.json, tudo funciona bem o que significa que provavelmente está relacionado ao autoprefixer. Além disso, mudei manualmente a versão do pacote para a versão mais recente package.jsone reinstalei, mas sem sorte.

Parece que você está usando a extensão Web Compiler do Visual Studio. Há um problema aberto para isso encontrado aqui: https://github.com/madskristensen/WebCompiler/issues/413

Existe uma solução alternativa postada para esse problema:

1. Fechar Visual Studio
2. Vá para C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X(X é a versão do WebCompiler)
3. Exclua as seguintes pastas da node_modulespasta: caniuse-litee browserslist abra o CMD (dentro C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X) e execute:npm i caniuse-lite browserslist

Tente isso resolveu meu problema npx browserslist@latest --update-db

Para desenvolvedores angulares

Embora, eu esteja respondendo muito tarde. Tenho o mau hábito de verificar os logs de alterações de cada biblioteca que uso 😀 e, ao verificar as notas de lançamento do Angular CLI, descobri que eles lançaram um novo patch ontem (9 de janeiro de 2020) que corrige esse problema.

https://github.com/angular/angular-cli/releases/tag/v8.3.22

Portanto, quando você for executar ng update, deverá obter atualizações para @angular/cli:

E a execução ng update @angular/clicorrigirá esse aviso.

Felicidades!

Eu encontrei um atalho em vez de seguir vs code appData/webCompiler, adicionei-o como uma dependência ao meu projeto com este cmd npm i caniuse-lite browserslist . Mas você pode instalá-lo globalmente para evitar adicioná-lo a cada projeto.

Após a instalação, você pode removê-lo de seu projeto package.jsone fazernpm i .

Atualizar:

No caso, a solução acima não resolveu. Você poderia corrernpm update , pois isso atualizaria pacotes obsoletos / desatualizados.

Nota:

Depois de executar a atualização do npm, pode haver dependências ausentes. Rastreie o erro e instale as dependências ausentes. O meu era nodemon, que conserto pornpm i nodemon -g

Continuação da resposta acima .

Tinha o mesmo "erro de plugin" que @MehrdadBabaki. Desinstalei o compilador web, apaguei a pasta AppData WebCompiler mencionada acima, reabri o VS2019 e reinstalei o compilador web.

ENTÃO, fui para a pasta WebCompiler novamente e fiz npm i autoprefixer@latest npm i caniuse-lite@latestenpm i caniuse-lite browserslist@latest

npm --depth 9999 updatecorrigiu o problema para mim - aparentemente porque package-lock.jsonestava insistindo nas versões desatualizadas.

No meu caso, eu apaguei as caniuse-lite, browserslistpastas denode_modules .

Então eu digito o seguinte comando para instalar os pacotes.

npm i -g browserslist caniuse-lite --save

funcionou bem.

Excluindo node_modulese package-lock.jsone npm iresolver o problema para mim.

Conforme mencionado na resposta de Scott Kuhl, esse problema é mencionado em https://github.com/madskristensen/WebCompiler/issues/413

Para mim, executando o comando npm i caniuse-lite- browserslist funcionou apenas cerca de 1/2 dia antes de ser um problema novamente.

A solução a seguir, mencionada no post, funciona muito melhor. Isso atualiza o arquivo node.js para que ele use em console.logvez deconsole.warn ao retornar esses erros.

Você pode atualizar manualmente este arquivo localizado em C: \ Users \ [Nome de usuário] \ AppData \ Local \ Temp \ WebCompiler [VersionNumber] \ node_modules \ browserslist

Ou, para que seja feito automaticamente, adicione o seguinte ao seu arquivo .csproj:

1. Clique com o botão direito no arquivo de projeto e selecione "Descarregar projeto"
2. Edite o arquivo .csproj
3. Cole o seguinte no arquivo de projeto. Colei no final do arquivo, antes da </Project>tag de finalização e antes de o pacote do compilador da web de construção ser importado.

    <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>

4. Recarregue o projeto na solução.

Resolvi esse problema fazendo, passo a passo:

1. remover node_modules
2. remover package-lock.json,
3. corre npm --depth 9999 update
4. corre npm install

Eu tive o mesmo problema também este comando funciona para mim

npm i autoprefixer@latest

Ele adicionou automaticamente a dependência de necessidade em package.jsonepackage-lock.json arquivo como abaixo:

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"
    },

...

}

Não tenho certeza de onde estava meu problema, mas acredito que era porque estava usando os mesmos pacotes globais do npm e do Yarn.

Desinstalei todos os pacotes globais npm e, ao usar os comandos do yarn novamente, o problema desapareceu.

Para ver os pacotes globais instalados ...

para npm:

npm ls -g --depth=0

para fios:

yarn global list

Em seguida, desinstalei cada pacote que vi na lista de npm, usando:

npm uninstall -g <package-name>

No Mac, excluí node_modules e package-lock.json, depois executei npm install e ele corrigiu meu problema.

Eu fiz downgrade da versão do nó de 12 para 10

EDITAR

Este erro ocorreu comigo porque eu estava usando o nó versão 12. Quando eu fiz downgrade para a versão 10.16.5, esse erro para. Este erro aconteceu em meu env local, mas em prod e staging, isso não acontece. A versão do nó de produção e teste é 10.x, então acabei de fazer isso e não precisei atualizar nenhum pacote em meu package.json

Para corrigir o problema, você pode digitar o comando abaixo:

'npm -g update'

Se você usar fio:

yarn upgrade

Ajuda para mim

Solução mínima que funcionou para mim para o projeto atual

• Um projeto criar-reagir-app
• Ubuntu / * nix
• 2020
• Nó 14,7

excluir node_modules/browserslist diretório no projeto

agora

npm run build

não gera mais aquela mensagem

No meu caso, isso funciona bem ...

sudo npm i -g browserslist caniuse-lite