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.
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
Most helpful comment
Doing a
yarn upgradefixed it for me.