Нещодавно, коли я компілюю свої файли scss, я отримую повідомлення про помилку. У повідомленні про помилку сказано:

Список браузерів: caniuse-lite застарілий. Будь ласка, запустіть наступну командуnpm update caniuse-lite browserslist

По-перше, як сказано в повідомленні, я побіг, npm update caniuse-lite browserslistале це не вирішило проблему. Я видалив весь каталог nod-модулів і встановив знову, а також оновив всю папку, npm updateале жоден з них не вирішив проблему. Я також переінсталював автопрефікс і список браузерів, але жоден з них не вирішив проблему.

Якщо я приберу

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

з мого compilerconfig.json, все працює нормально, а це означає, що, ймовірно, це пов'язано з автопрефіксом. Крім того, я вручну змінив версію пакета на останню версію package.jsonта перевстановив, але не пощастило.

Схоже, ви використовуєте розширення Web Compiler Visual Studio. Тут є відкрите видання: https://github.com/madskristensen/WebCompiler/issues/413

У цьому випуску розміщено обхідний шлях:

1. Закрийте Visual Studio
2. C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.XПоверніться до (X - версія WebCompiler)
3. Видаліть наступні папки з node_modulesпапки: caniuse-liteі browserslist відкрийте CMD (всередині C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X) та запустіть:npm i caniuse-lite browserslist

Спробуйте це вирішило мою проблему npx browserslist@latest --update-db

Для кутових розробників

Хоча, я відповідаю на це дуже пізно. У мене є погана звичка перевіряти журнали змін кожної бібліотеки, яку я використовую 😀, і, перевіряючи примітки до випуску Angular CLI, я з’ясував, що вони випустили новий патч вчора (9 січня 2020 р.), Який виправляє цю проблему.

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

Отже, коли ви будете запускати ng update, ви повинні отримувати оновлення для @angular/cli:

І біг ng update @angular/cliвиправить це попередження.

На здоров’я!

Я знайшов ярлик, а не пройшов vs code appData/webCompiler, я додав його як залежність до свого проекту за допомогою цього cmd npm i caniuse-lite browserslist . Але ви можете встановити його глобально, щоб уникнути додавання до кожного проекту.

Після встановлення ви можете видалити його зі свого проекту package.jsonі зробити npm i.

Оновлення:

На випадок, рішення вище не виправило. Ви можете запустити npm update, оскільки це призведе до оновлення застарілих / застарілих пакетів.

Примітка:

Після запуску оновлення npm можуть бути відсутні залежності. Простежте помилку та встановіть відсутні залежності. Мій був nodemon, який я виправляюnpm i nodemon -g

Продовження відповіді вище .

Мав ту саму "помилку плагіна", що і @MehrdadBabaki. Я видалив веб-компілятор, видалив згадану вище папку AppData WebCompiler, потім знову відкрив VS2019 та переінсталював веб-компілятор.

ПОТІМ я знову перейшов до папки WebCompiler і зробив npm i autoprefixer@latest npm i caniuse-lite@latestіnpm i caniuse-lite browserslist@latest

npm --depth 9999 updateвирішив проблему для мене - очевидно, тому, що package-lock.jsonнаполягав на застарілих версіях.

У моєму випадку, я видалив поза caniuse-lite, browserslistпапки з node_modules.

Потім я набираю таку команду, щоб встановити пакунки.

npm i -g browserslist caniuse-lite --save

працював нормально.

Видалення node_modulesі package-lock.jsonі npm iвирішити це питання для мене.

Як зазначається у відповіді Скотта Куля, це питання згадується в https://github.com/madskristensen/WebCompiler/issues/413

Для мене запуск команди npm i caniuse-lite- browserslistпрацював лише приблизно 1/2 на день, перш ніж це знову стало проблемою.

Наступне рішення, згадане у дописі, працює набагато краще. Це оновлює файл node.js таким чином, що він використовує console.logзамість того, console.warnщоб повертати ці помилки.

Ви можете вручну оновити цей файл, розташований за адресою C: \ Users \ [Ім'я користувача] \ AppData \ Local \ Temp \ WebCompiler [VersionNumber] \ node_modules \ browserlistlist

Або, щоб це було зроблено автоматично, додайте у свій файл .csproj наступне:

1. Клацніть правою кнопкою миші на файлі проекту та виберіть "Вивантажити проект"
2. Відредагуйте файл .csproj
3. Вставте наступне у файл проекту. Я вставив його до кінця файлу, перед </Project>кінцевим тегом та перед імпортом пакету веб-компілятора збірки.

    <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. Перезавантажте проект назад у рішення.

Я вирішив цю проблему, виконавши крок за кроком:

1. видалити node_modules
2. видалити package-lock.json,
3. бігти npm --depth 9999 update
4. бігти npm install

У мене була така сама проблема, і ця команда працює для мене

npm i autoprefixer@latest

Він автоматично додав залежність потреб у файл package.jsonта package-lock.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"
    },

...

}

Я не зовсім впевнений, де була моя проблема, але я вважаю, що це було тому, що я використовував однакові глобальні пакети як від npm, так і від Yarn.

Я видалив усі глобальні пакети npm, а потім, використовуючи команди yarn ще раз, проблема зникла.

Щоб побачити встановлені глобальні пакети ...

для npm:

npm ls -g --depth=0

для пряжі:

yarn global list

Потім я видалив кожен пакет, який побачив у списку npm, використовуючи:

npm uninstall -g <package-name>

На Mac я видалив node_modules та package-lock.json, потім запустив npm install, і це виправило мою проблему.

Багато радять видалити package-lock.jsonабо yarn.lock. Це явно погана ідея!

Я використовую пряжу , і я був в змозі виправити цю проблему шляхом видалення тільки caniuse-dbі caniuse-liteзаписи на мою yarn.lockі робити yarn.

Не потрібно ламати основну функцію файлу блокування, видаляючи його.

Я знизив версію вузла з 12 до 10

РЕДАГУВАТИ

Ця помилка сталася зі мною, оскільки я використовував версію вузла 12. Коли я переходжу до версії 10.16.5, ця помилка припиняється. Ця помилка трапилася в моєму місцевому середовищі, але в продюсері та постановці цього не відбувається. Версія вузла prod та staging - 10.x, тому я просто роблю це, і мені не потрібно було оновлювати будь-який пакет у своєму package.json

Щоб виправити проблему, введіть команду нижче:

'npm -g update'

Якщо ви використовуєте пряжу:

yarn upgrade

Допоможіть мені

Мінімальне рішення, яке працювало для мене для поточного проекту

• Проект create-response-app
• Ubuntu / * nix
• 2020 рік
• Вузол 14.7

видалити node_modules/browserslistкаталог у проекті -

зараз

npm run build

більше не генерує це повідомлення

У моєму випадку це чудово працює ...

sudo npm i -g browserslist caniuse-lite