Ostatnio, kiedy kompiluję pliki scss, pojawia się błąd. Komunikat o błędzie mówi:

Lista przeglądarek: caniuse-lite jest nieaktualna. Uruchom następne polecenienpm update caniuse-lite browserslist

Po pierwsze, jak mówi komunikat, uruchomiłem, npm update caniuse-lite browserslistale to nie rozwiązało problemu. Usunąłem cały katalog nod-modules i ponownie zainstalowałem, a także zaktualizowałem cały folder, npm updateale żaden z nich nie rozwiązał problemu. Ponownie zainstalowałem także autoprefixer i browserlist, ale żaden z nich nie rozwiązał problemu.

Jeśli usunę

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

ode mnie compilerconfig.jsonwszystko działa dobrze, co oznacza, że ​​prawdopodobnie jest to związane z autoprefixerem. Ponadto ręcznie zmieniłem wersję pakietu na najnowszą package.jsoni ponownie zainstalowałem, ale bez powodzenia.

Wygląda na to, że używasz rozszerzenia kompilatora sieci Web programu Visual Studio. Występuje otwarty problem dotyczący tego znaleziony tutaj: https://github.com/madskristensen/WebCompiler/issues/413

Istnieje obejście tego problemu:

1. Zamknij program Visual Studio
2. Udaj się do C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X(X to wersja WebCompiler)
3. Usuń następujące foldery z node_modulesfolderu: caniuse-litei browserslist otwórz CMD (wewnątrz C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X) i uruchom:npm i caniuse-lite browserslist

Spróbuj tego, to rozwiązało mój problem npx browserslist@latest --update-db

Dla programistów Angular

Chociaż odpowiadam na to bardzo późno. Mam zły nawyk sprawdzania dzienników zmian każdej biblioteki, z której korzystam 😀 i podczas sprawdzania informacji o wydaniu Angular CLI doszedłem do wniosku, że wczoraj (9 stycznia 2020 r.) Wydali nową łatkę, która rozwiązuje ten problem.

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

Więc kiedy zaczniesz ng update, powinieneś otrzymać aktualizacje dla @angular/cli:

Bieganie ng update @angular/clinaprawi to ostrzeżenie.

Twoje zdrowie!

Znalazłem skrót, zamiast go przejść vs code appData/webCompiler, dodałem go jako zależność do mojego projektu z tym cmd npm i caniuse-lite browserslist . Ale możesz zainstalować go globalnie, aby uniknąć dodawania go do każdego projektu.

Po instalacji możesz usunąć go z projektu package.jsoni zrobić npm i.

Aktualizacja:

Na wypadek, gdyby powyższe rozwiązanie nie rozwiązało problemu. Możesz uruchomić npm update, ponieważ spowoduje to aktualizację przestarzałych / przestarzałych pakietów.

Uwaga:

Po uruchomieniu aktualizacji npm może brakować zależności. Prześledź błąd i zainstaluj brakujące zależności. Mój był nodemon, który naprawiamnpm i nodemon -g

Kontynuacja odpowiedzi powyżej .

Wystąpił ten sam „błąd wtyczki” co @MehrdadBabaki. Odinstalowałem kompilator sieciowy, usunąłem wspomniany wyżej folder AppData WebCompiler, a następnie ponownie otworzyłem VS2019 i ponownie zainstalowałem kompilator sieciowy.

WTEDY ponownie poszedłem do folderu WebCompiler i zrobiłem npm i autoprefixer@latest npm i caniuse-lite@latestinpm i caniuse-lite browserslist@latest

npm --depth 9999 updatenaprawiłem problem dla mnie - najwyraźniej dlatego, że package-lock.jsonnalegałem na nieaktualne wersje.

W moim przypadku, usunięte na zewnątrz caniuse-lite, browserslistfoldery node_modules.

Następnie wpisuję następujące polecenie, aby zainstalować pakiety.

npm i -g browserslist caniuse-lite --save

działało dobrze.

Usuwanie node_modulesi package-lock.jsoni npm irozwiązać problem dla mnie.

Jak wspomniano w odpowiedzi Scotta Kuhla, ten problem jest wspomniany na https://github.com/madskristensen/WebCompiler/issues/413

Dla mnie uruchomienie polecenia npm i caniuse-lite- browserslistdziałało tylko przez około 1/2 dnia, zanim ponownie pojawił się problem.

Znacznie lepiej sprawdza się poniższe rozwiązanie, o którym mowa w poście. Spowoduje to zaktualizowanie pliku node.js, tak aby używał console.logzamiast console.warnzwracania tych błędów.

Możesz ręcznie zaktualizować ten plik znajdujący się w C: \ Users \ [nazwa użytkownika] \ AppData \ Local \ Temp \ WebCompiler [numer wersji] \ node_modules \ browserlist

Lub, aby odbywało się to automatycznie, dodaj do pliku .csproj następujące polecenie:

1. Kliknij prawym przyciskiem myszy plik projektu i wybierz „Zwolnij projekt”
2. Edytuj plik .csproj
3. Wklej następujące elementy do pliku projektu. Wkleiłem go pod koniec pliku, przed </Project>znacznikiem końcowym i przed zaimportowaniem pakietu kompilatora internetowego.

    <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. Załaduj ponownie projekt do rozwiązania.

Rozwiązałem ten problem, wykonując krok po kroku:

1. usunąć node_modules
2. usunąć package-lock.json,
3. biegać npm --depth 9999 update
4. biegać npm install

Miałem też ten sam problem, to polecenie działa dla mnie

npm i autoprefixer@latest

Automatycznie dodała zależność potrzeb w package.jsoni package-lock.jsonplik jak poniżej:

package.json

"autoprefixer": "^9.6.5",

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

...

}

Nie jestem do końca pewien, gdzie był mój problem, ale wydaje mi się, że był to spowodowane tym, że korzystałem z tych samych globalnych pakietów z npm i Yarn.

Odinstalowałem wszystkie globalne pakiety npm, a po ponownym użyciu poleceń yarn problem zniknął.

Aby zobaczyć zainstalowane pakiety globalne ...

dla npm:

npm ls -g --depth=0

dla przędzy:

yarn global list

Następnie odinstalowałem każdy pakiet, który widziałem na liście npm, używając:

npm uninstall -g <package-name>

Na komputerze Mac usunąłem node_modules i package-lock.json, a następnie uruchomiłem instalację npm i rozwiązałem mój problem.

Zrobiłem downgrade wersji węzła z 12 do 10

EDYTOWAĆ

Ten błąd wystąpił u mnie, ponieważ korzystałem z węzła w wersji 12. Po przejściu na wersję 10.16.5 ten błąd ustaje. Ten błąd wystąpił w moim lokalnym środowisku env, ale podczas produkcji i inscenizacji tak się nie dzieje. W wersji prod i staging node jest 10.x, więc po prostu to robię i nie musiałem aktualizować żadnego pakietu w moim package.json

Aby rozwiązać problem, możesz wpisać poniższe polecenie:

„npm -g aktualizacja”

Jeśli używasz przędzy:

yarn upgrade

Pomóż mi

Minimalne rozwiązanie, które działało dla mnie w obecnym projekcie

• Projekt aplikacji „stwórz i zareaguj”
• Ubuntu / * nix
• 2020
• Węzeł 14.7

usuń node_modules/browserslistkatalog w projekcie

teraz

npm run build

nie generuje już tej wiadomości

W moim przypadku to działa dobrze ...

sudo npm i -g browserslist caniuse-lite