Недавно, когда я компилирую свои файлы scss, я получаю сообщение об ошибке. В сообщении об ошибке говорится:

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

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

Если я удалю

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

по моему compilerconfig.json, все работает нормально, значит, вероятно, это связано с автопрефиксом. Кроме того, я вручную изменил версию пакета на последнюю версию package.jsonи переустановил, но безуспешно.

Похоже, вы используете расширение веб-компилятора 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

Хотя я отвечаю на это очень поздно. У меня есть плохая привычка проверять журналы изменений каждой библиотеки, которую я использую 😀, и, проверяя примечания к выпуску 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 \ browserslist

Или, чтобы это выполнялось автоматически, добавьте в файл .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",

пакет-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 и устранил мою проблему.

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

РЕДАКТИРОВАТЬ

Эта ошибка возникла у меня, потому что я использовал версию узла 12. Когда я перехожу на версию 10.16.5, эта ошибка прекращается. Эта ошибка произошла в моем локальном env, но в prod и staging этого не происходит. В prod и промежуточном узле версия 10.x, поэтому я просто делаю это, и мне не нужно было обновлять какой-либо пакет в моем package.json

Чтобы решить эту проблему, вы можете ввести следующую команду:

'npm -g обновление'

Если вы используете пряжу:

yarn upgrade

Помогите мне

Минимальное решение, которое сработало для меня в текущем проекте

• Проект приложения create-react-app
• Ubuntu / * nix
• 2020 г.
• Узел 14.7

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

сейчас же

npm run build

больше не генерирует это сообщение

В моем случае это нормально работает ...

sudo npm i -g browserslist caniuse-lite