Browserslist: BrowserslistError: Unknown browser kaios

Created on 16 Apr 2019  ·  9Comments  ·  Source: browserslist/browserslist

ERROR in ../social/src/components/image/image.module.css (/Users/me/project/node_modules/css-loader??ref--5-oneOf-5-1!/Users/me/project/node_modules/postcss-loader/src??postcss!../social/src/components/image/image.module.css)
Module build failed (from /Users/me/project/node_modules/postcss-loader/src/index.js):
BrowserslistError: Unknown browser kaios

Is this you guys? I just did a yarn install and everything blew up. Couldn't revert either.
Saw that you guys just released a new version. It hasn't propagated yet.

Most helpful comment

Doing a yarn upgrade fixed it for me.

All 9 comments

It happens when you have old Browserslist.

Call npm ls and try to find who requires Browserslist < 4.

I only had this when I installed something just now. Recent installs work fine. It seems that some minor release child dependency causes a breaking change. Couldn't even revert by going back to previous package.json

yarn why browserslist
yarn why v1.15.2
[1/4] 🤔  Why do we have the module "browserslist"...?
[2/4] 🚚  Initialising dependency graph...
[3/4] 🔍  Finding dependency...
[4/4] 🚡  Calculating file sizes...
=> Found "[email protected]"
info Has been hoisted to "browserslist"
info Reasons this module exists
   - "workspace-aggregator-2da58e44-2036-44d2-8794-ecad5c171aee" depends on it
   - Hoisted from "_project_#autoprefixer#browserslist"
   - Hoisted from "_project_#babel-preset-react-app#@babel#preset-env#browserslist"
   - Hoisted from "_project_#@babel#preset-env#core-js-compat#browserslist"
   - Hoisted from "_project_#server#razzle#babel-preset-razzle#@babel#preset-env#browserslist"
   - Hoisted from "_project_#mobile-web#react-scripts#@svgr#webpack#@babel#preset-env#browserslist"
   - Hoisted from "_project_#server#razzle#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-merge-rules#browserslist"
   - Hoisted from "_project_#server#razzle#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-colormin#browserslist"
   - Hoisted from "_project_#server#razzle#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-reduce-initial#browserslist"
   - Hoisted from "_project_#server#razzle#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-minify-params#browserslist"
   - Hoisted from "_project_#server#razzle#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-normalize-unicode#browserslist"
   - Hoisted from "_project_#server#razzle#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-merge-longhand#stylehacks#browserslist"
   - Hoisted from "_project_#server#razzle#optimize-css-assets-webpack-plugin#cssnano#cssnano-preset-default#postcss-reduce-initial#caniuse-api#browserslist"
info Disk size without dependencies: "92KB"
info Disk size with unique dependencies: "3.5MB"
info Disk size with transitive dependencies: "3.59MB"
info Number of shared dependencies: 4
=> Found "react-dev-utils#[email protected]"
info This module exists because "_project_#react-dev-utils" depends on it.
info Disk size without dependencies: "84KB"
info Disk size with unique dependencies: "3.5MB"
info Disk size with transitive dependencies: "3.58MB"
info Number of shared dependencies: 4
=> Found "@babel/preset-env#[email protected]"
info This module exists because "_project_#@babel#preset-env" depends on it.
=> Found "server#[email protected]"
info This module exists because "_project_#server" depends on it.
info Disk size without dependencies: "776KB"
info Disk size with unique dependencies: "4.17MB"
info Disk size with transitive dependencies: "4.25MB"
info Number of shared dependencies: 4
=> Found "server#react-dev-utils#[email protected]"
info This module exists because "_project_#server#react-dev-utils" depends on it.
info Disk size without dependencies: "92KB"
info Disk size with unique dependencies: "3.5MB"
info Disk size with transitive dependencies: "3.59MB"
info Number of shared dependencies: 4
=> Found "react-scripts#[email protected]"
info Reasons this module exists
   - "_project_#mobile-web#react-scripts#react-dev-utils" depends on it
   - Hoisted from "_project_#mobile-web#react-scripts#react-dev-utils#browserslist"
info Disk size without dependencies: "92KB"
info Disk size with unique dependencies: "3.5MB"
info Disk size with transitive dependencies: "3.59MB"
info Number of shared dependencies: 4
=> Found "postcss-preset-env#[email protected]"
info Reasons this module exists
   - "_project_#server#razzle#postcss-preset-env" depends on it
   - Hoisted from "_project_#server#razzle#postcss-preset-env#autoprefixer#browserslist"
info Disk size without dependencies: "3.22MB"
info Disk size with unique dependencies: "6.63MB"
info Disk size with transitive dependencies: "6.71MB"
info Number of shared dependencies: 4
=> Found "react-scripts#postcss-preset-env#[email protected]"
info This module exists because "_project_#mobile-web#react-scripts#postcss-preset-env" depends on it.
info Disk size without dependencies: "92KB"
info Disk size with unique dependencies: "3.5MB"
info Disk size with transitive dependencies: "3.59MB"
info Number of shared dependencies: 4
✨  Done in 2.34s.

I only had this when I installed something just now.

It started to happen, because Can I Use added new kaios browser. In your dependencies tree some browerslist use caniuse-lite with kaios, others do not use.

yarn why browserslist

I am not sure that it is best option.

Also try to call yarn update to refresh all Browserslists and caniuse-lite in your tree.

I will give that a go. Thanks for the fast reply.

Doing a yarn upgrade fixed it for me.

For the next person who gets stuck: you may need rm yarn.lock; yarn
Ref: https://stackoverflow.com/questions/55681358/browserslisterror-unknown-browser-kaios

I'm still getting this warning even with the latest 4.5.5 version of browserslist and latest of caniuse-lite.

The problem seems to be kaios is not listed in checkName.

I have deleted node_modules and yarn.lock repeatedly and tried multiple different 'solutions' such as adding "resolutions": {} to package.json for both browserslist and caniuse-lite....

ERROR in ./node_modules/vuetify/dist/vuetify.min.css (./node_modules/css-loader/dist/cjs.js??ref--2-1!./node_modules/postcss-loader/src??ref--2-2!./node_modules/vuetify/dist/vuetify.min.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
BrowserslistError: Unknown browser kaios
    at checkName (/root/callpixels/callpixels/node_modules/browserslist/index.js:171:20)
    at Function.select (/root/callpixels/callpixels/node_modules/browserslist/index.js:884:18)
    at /root/callpixels/callpixels/node_modules/browserslist/index.js:215:33
    at Array.reduce (<anonymous>)
    at resolve (/root/callpixels/callpixels/node_modules/browserslist/index.js:197:18)
    at browserslist (/root/callpixels/callpixels/node_modules/browserslist/index.js:317:16)
    at supportedBrowsers.some.supportedBrowser (/root/callpixels/callpixels/node_modules/postcss-preset-env/index.js:438:105)
    at Array.some (<anonymous>)
    at stagedFeatures.filter.feature (/root/callpixels/callpixels/node_modules/postcss-preset-env/index.js:438:80)
    at Array.filter (<anonymous>)
    at postcss$1.plugin.opts (/root/callpixels/callpixels/node_modules/postcss-preset-env/index.js:438:44)
    at creator (/root/callpixels/callpixels/node_modules/postcss/lib/postcss.js:133:35)
    at Object.<anonymous> (/root/callpixels/callpixels/postcss.config.js:5:34)
    at Module._compile (/root/callpixels/callpixels/node_modules/v8-compile-cache/v8-compile-cache.js:178:30)
    at requireFromString (/root/callpixels/callpixels/node_modules/require-from-string/index.js:28:4)
    at parseJsFile (/root/callpixels/callpixels/node_modules/postcss-load-config/node_modules/cosmiconfig/dist/loadJs.js:15:15)
    at <anonymous>
 @ ./node_modules/vuetify/dist/vuetify.min.css 2:14-127
 @ ./app/javascript/packs/call_control.js

I'm still getting this warning even with the latest 4.5.5 version of browserslist and latest of caniuse-lite.

Run npm update to update caniuse-lite in all nested dependencies.

Consider rename composer-lock.json and try install again. After doing execute build script.

This works to me

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ehmicky picture ehmicky  ·  7Comments

eligao picture eligao  ·  8Comments

rj-david picture rj-david  ·  3Comments

shellscape picture shellscape  ·  6Comments

hudochenkov picture hudochenkov  ·  10Comments