Module build failed: BrowserslistError: Unknown browser query `dead` #266

Prabhagar06 · 2018-06-01T12:49:16Z

Could you please help me

ai · 2018-06-01T15:20:00Z

It happpens because of old cssnano (it uses old Browserslist without dead query).

We are triting to release cssnano 4 (with new Browserslist) ASAP

ai · 2018-06-01T15:31:01Z

What you can do right now:

Disable CSS minimization in webpack. Just use webpack csso plugin.
Wait for cssnano 4 release

Prabhagar06 · 2018-06-04T05:48:48Z

Can you please explain how to disable CSS minimization in webpack? because i am new to this.
Thanks

ai · 2018-06-04T09:08:06Z

@Prabhagar06 show your webpack config

Prabhagar06 · 2018-06-05T04:30:31Z

Ya. I have done it myself. thanks

SidV7 · 2018-06-20T07:09:12Z

Hello @Prabhagar06 @ai could you please provide the steps to disable the CSS minimization in webpack as I'm facing the same issue.

ai · 2018-06-20T11:21:17Z

Try to pass:

{
  loader: 'css-loader',
  options: {
    minimize: false
  }
}

SidV7 · 2018-06-20T12:19:45Z

Included the above code in webpack.config.js under node_modules/xxhashjs/webpack.config.js but did not resolve the issue. Sorry i'm new to this. Could you please direct if i'm making the changes at the correct place? Thanks

var path = require("path")
module.exports = {
"entry": "./lib/index.js"
, "output": {
"path": __dirname + "/build"
, "filename": "xxhash.js"
, "library": "XXH"
, "libraryTarget": "umd"
}
,"loader":'css-loader'
,"options": {
minimize: false
}
}

ai · 2018-06-20T12:21:03Z

@SiddarthVaikunthe sorry, ask webpack team for it ;)

Splaktar · 2018-06-25T20:15:16Z

If you are seeing this with the autoprefixer default settings (which include not dead), then you can work around it by using the following string:

> 0.5%, last 2 versions, Firefox ESR, not ie <= 10, not ie_mob <= 10, not bb <= 10, not op_mob <= 12.1

ai · 2018-07-07T04:05:51Z

Update css-loader to 1.0.0. It will fix this problem with unknown queries.

juanr2001 · 2018-07-12T18:27:52Z

This is not closed, this issue is happening...

./node_modules/css-loader??ref--6-1!./node_modules/postcss-loader/lib??ref--6-2!./node_modules/bootstrap/dist/css/bootstrap.css Module build failed: BrowserslistError: Unknown browser query dead at /project/node_modules/browserslist/index.js:164:11 at Array.reduce (<anonymous>) at resolve (/project/node_modules/browserslist/index.js:132:18) at browserslist (/project/node_modules/browserslist/index.js:224:16) at Browsers.parse (/project/node_modules/autoprefixer/lib/browsers.js:61:16) at new Browsers (/project/node_modules/autoprefixer/lib/browsers.js:52:30) at loadPrefixes (/project/node_modules/autoprefixer/lib/autoprefixer.js:70:24) at plugin (/project/node_modules/autoprefixer/lib/autoprefixer.js:81:24) at LazyResult.run (/project/node_modules/postcss/lib/lazy-result.js:277:20) at LazyResult.asyncTick (/project/node_modules/postcss/lib/lazy-result.js:192:32) at LazyResult.asyncTick (/project/node_modules/postcss/lib/lazy-result.js:204:22) at /project/node_modules/postcss/lib/lazy-result.js:197:27 at <anonymous> @ ./node_modules/bootstrap/dist/css/bootstrap.css 4:14-128 13:3-17:5 14:22-136 @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./src/main.js

ai · 2018-07-12T19:31:14Z

@juanr2001 Show your npm ls

tncho · 2018-07-12T20:43:54Z

I'm encountering the same issue with Angular 5.2

ai · 2018-07-12T20:45:08Z

@tncho are you sure that Angular 5.2 uses css-loader 1.0?

tncho · 2018-07-12T20:59:41Z

@ai honestly I'm not sure, but I think not since I'm not seeing that dependency in the package / package-lock .json. The error in my case goes like this:

ERROR in ./node_modules/bootstrap/dist/css/bootstrap.min.css Module build failed: BrowserslistError: Unknown browser query 'dead' at C:\Users\tncho\Documents\projects\webapp\node_modules\br owserslist\index.js:164:11
do you happen to know what's wrong here? Thanks!

ai · 2018-07-12T21:00:55Z

@tncho to fix this issue you must start to use css-loader 1.0.

Check your npm ls, find who load old Browserslist (before 3.0). Update the dependency.

nicksterx · 2018-07-12T21:33:00Z

It looks like @angular/cli@1.7.4 has a dependency on autoprefixer@7.2.6 which has a dependency on browserslist@2.11.3

bjohndev · 2018-07-12T22:31:09Z

This just started happening for me today after I manually deleted my npm_modules folder and ran npm install. Now when I try to run ng serve. I get the error below.

ERROR in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/bootstrap/dist/css/bootstrap.min.css Module build failed: BrowserslistError: Unknown browser query dead``

ai · 2018-07-12T22:36:53Z

@bjohndev Check your npm ls, find who load old Browserslist (before 3.0). Update the dependency.

bjohndev · 2018-07-12T22:37:58Z

@ai This is the same issue that @nicksterx mentioned. "It looks like @angular/cli@1.7.4 has a dependency on autoprefixer@7.2.6 which has a dependency on browserslist@2.11.3" , what command should I run to update which dependency?

ai · 2018-07-12T22:42:51Z

@bjohndev current version is 6.0.8 😏.

Update @angular/cli in your package.json and then call npm update.

I recommend to use Yarn instead of npm since Yarn has very useful tool yarn upgrade-interactive --latest

bjohndev · 2018-07-12T22:45:38Z

Thanks @ai below is my package.json. I'm not sure what to change there.

{ "name": "ey-tax-severance-tax-tool-cli", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build --prod", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^5.2.0", "@angular/cdk": "^5.2.0", "@angular/common": "^5.2.0", "@angular/compiler": "^5.2.0", "@angular/core": "^5.2.0", "@angular/forms": "^5.2.0", "@angular/http": "^5.2.0", "@angular/material": "^5.2.0", "@angular/platform-browser": "^5.2.0", "@angular/platform-browser-dynamic": "^5.2.0", "@angular/router": "^5.2.0", "@types/jspdf": "^1.1.31", "adal-angular4": "^2.0.16", "applicationinsights-js": "^1.0.18", "autotable": "^1.0.0", "bootstrap": "^4.1.1", "core-js": "^2.4.1", "font-awesome": "^4.7.0", "jquery": "^1.9.1", "jspdf": "^1.4.0", "jspdf-autotable": "^2.3.4", "jss": "^2.1.0", "popper.js": "^1.14.3", "primeng": "^5.2.6", "rxjs": "^5.5.6", "zone.js": "^0.8.19" }, "devDependencies": { "@angular/cli": "~1.7.3", "@angular/compiler-cli": "^5.2.0", "@angular/language-service": "^5.2.0", "@types/jasmine": "~2.8.3", "@types/jasminewd2": "~2.0.2", "@types/node": "~6.0.60", "codelyzer": "^4.0.1", "jasmine-core": "~2.8.0", "jasmine-spec-reporter": "~4.2.1", "karma": "~2.0.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~4.1.0", "tslint": "~5.9.1", "typescript": "~2.5.3" } }

nicksterx · 2018-07-12T22:49:00Z

@bjohndev Do you have another dev on your team with a working build? If you do can you take their package-lock.json? That's what I did to get to a working state but trying to figure out which package changed to break everything.

ai · 2018-07-12T22:49:17Z

Look into npm ls again and try to find the first dependency, which bring you old Browserslist. Maybe they're is a dependency above @angular/cli in dependencies tree. You maybe need to update it or to create a issue and ask developer to update @angular/cli.

I am not Angular user, so I can't give you direct instructions. You can try to ask people in Angular slack to help you.

bjohndev · 2018-07-12T22:52:54Z

@nicksterx I have my package-lock.json in source control. I'll have to look at that to see if I can determine what is happening. I have several projects setup without this problem.

nicksterx · 2018-07-12T22:55:42Z

Figured it out! Bootstrap 4.1.2 is breaking things. They released it 6 hours ago. Not sure what is broken but changing my package.json bootstrap to 4.1.1 fixes it.

bjohndev · 2018-07-12T22:58:16Z

@nicksterx I'll give this a try

paolocavanna · 2018-10-31T20:07:15Z

@ai you're totally right. Mine was just a temporary patch on a a project I'm working on and I didn't take into consideration the (now evident) trade offs.

efectusmagnus · 2018-12-04T18:56:43Z

Just run 'npm install latest' in Git Bash (the terminal) to fix the problems.

ai · 2018-12-05T13:03:43Z

@Graphap fix the source of the problem, not result. You need to update Browserslist in all components. By removing not dead you did not fix the problem. In your system different companies still use different browsers. It will create problems in different places.

nicksterx · 2018-12-05T16:21:21Z

@ai Because this was fixed in bootstrap 4.1.3 should this thread be locked? These are a lot of solutions being suggested that are not helpful and probably confusing.

ai · 2018-12-05T16:23:45Z

I do not like blocked issue. For my point of view, it is not welcome and should be used only to prevent conflict

vipulgupta2048 · 2019-02-02T20:02:33Z

Here's a detailed answer for the same. See if that helps.

https://mixstersite.wordpress.com/2019/02/03/solved-module-build-failed-browserslisterror-unknown-browser-query-dead-react-npm/

revskill10 · 2019-02-21T16:11:25Z

Why people're relating bootstrap to browserlist issue ?

ai · 2019-03-14T02:00:57Z

@juliusdejon I deleted your commit because it could force junior developers to use for dangerous solutions.

if your app is made by create-react-app, check your package.json you will see an array of browsersLists. just remove the not dead at the list

You will fix the symptom but not the source of the problem.

Some of your dependency uses old Browserslist. It means, that even without new not dead command, the same Browserslist config generates different target browsers for new and old tools. It is dangerous and could create other problems.

The real solution:

Run npm update
If you still have error call npm ls and found who use Browserslist < 3.
Write to this project to update Browserslist.

juliusdejon · 2019-03-14T02:26:17Z

├─┬ caniuse-api@1.6.1
│ │ │ │ │ ├─┬ browserslist@1.7.7
i found it

ai · 2019-03-14T02:28:48Z

@juliusdejon the latest caniuse-api is 3.0. Find who use such old caniuse-api dependency.

SharmilaU-Hexaware · 2019-07-01T09:10:07Z

@bjohndev and @ai . Below issue is not resolved for me
ERROR in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css
Module build failed: BrowserslistError: Unknown browser query dead

This is not resolved for me, I verified my code and it has browserslist = 2.11.3, autoprefixer = 7.2.3, angularcli=1.7.4

I modified the bootstrap version = 4.1.1 and ^4.1.3 and tried .Still it has issues. Its not allowing me to do ng serve.Please suggest solution to resolve this.

vipulgupta2048 · 2019-07-01T09:36:28Z

@SharmilaU-Hexaware
Maybe you can try this blog post for a possible solution if you haven't yet - https://mixstersite.wordpress.com/2019/02/03/solved-module-build-failed-browserslisterror-unknown-browser-query-dead-react-npm/

It helped me out, so I wrote about it.

SharmilaU-Hexaware · 2019-07-01T09:54:40Z

@vipulgupta2048 .Thanks for the suggestion. i have seen that earlier when i was exploring the possible answers. It didnt resolve my problem.
my package.json dependencies
"dependencies": {
"@angular/animations": "^5.2.11",
"@angular/cdk": "^5.2.5",
"@angular/common": "^5.2.0",
"@angular/compiler": "^5.2.0",
"@angular/core": "^5.2.0",
"@angular/forms": "^5.2.0",
"@angular/http": "^5.2.0",
"@angular/material": "^5.2.5",
"@angular/platform-browser": "^5.2.0",
"@angular/platform-browser-dynamic": "^5.2.0",
"@angular/router": "^5.2.0",
"@nicky-lenaers/ngx-scroll-to": "^0.6.1",
"angular-material": "^1.1.10",
"angular-mentions": "^1.0.2",
"bootstrap": "4.1.1",
"classlist.js": "^1.1.20150312",
"core-js": "^2.4.1",
"echarts": "^4.1.0",
"font-awesome": "^4.7.0",
"install": "^0.12.1",
"jquery": "^3.3.1",
"material-design-icons": "^3.0.1",
"md-select": "0.0.1-alpha.1",
"moment": "^2.22.2",
"ng-diff-match-patch": "^3.0.1",
"ng2-ace-editor": "^0.3.7",
"ng2-dragula": "^1.5.0",
"ng2-pdf-viewer": "^5.2.4",
"ngx-bootstrap": "^2.0.5",
"ngx-date-picker": "0.0.24",
"ngx-doc-viewer": "^0.1.19",
"ngx-document-view": "^1.0.1",
"ngx-echarts": "^2.1.0",
"ngx-editor": "^3.3.0",
"ngx-loading": "^1.0.14",
"ngx-pagination": "^3.1.1",
"ngx-spinner": "^6.0.0",
"node-sass": "^4.12.0",
"npm": "^6.3.0",
"pipe": "^1.1.0",
"popper.js": "^1.12.3",
"rxjs": "^5.5.6",
"sha1": "^1.1.1",
"toastr": "^2.1.4",
"xmlrpc": "^1.3.2",
"zone.js": "^0.8.19"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.13.9",
"@angular/cli": "~1.7.4",
"@angular/compiler-cli": "^5.2.0",
"@angular/language-service": "^5.2.0",
"@fortawesome/fontawesome-free": "^5.8.2",
"@types/jasmine": "~2.8.3",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.60",
"codelyzer": "^4.0.1",
"jasmine-core": "~2.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~2.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"lato-font": "^3.0.0",
"protractor": "~5.1.2",
"ts-node": "~4.1.0",
"tslint": "~5.9.1",
"typescript": "~2.5.3"
}

revskill10 · 2019-07-01T11:02:55Z

Why this issue closed ? It's not been solved yet.

ai · 2019-07-01T16:07:29Z

@revskill10 this issue is closed because I can’t do anything. Current Browserslist supports dead. You have the error because some of your libraries use very old Browserslist. You should call npm ls find who use old Browserslist and open issues in those tools.

lovelstn · 2020-01-02T11:45:39Z

My solution:npm ls browserslist then update/remove any dependencies that list browserlists@<4.0.0

kingemma · 2020-04-23T05:35:26Z

It was caused by in your local environment existed other Angular project that used latest version than your current project.
For me, I have Angular 8 and Angular 9 project. But my current project still used Angular 5 and cli is 1.7.4. When run npm install, and then run npm start or ng serve, it will popup error "Module build failed: BrowserslistError: Unknown browser query dead.

It can be fixed by add below config in your package.json. . You can get more detail in browserslist

,"browserslist": [ "defaults" ]

browserslist/browserslist#266

Avoid error: Module build failed: BrowserslistError: Unknown browser query `dead` Ref: browserslist/browserslist#266 (comment)

Splaktar mentioned this issue Jun 25, 2018

docs: improve browser support documentation angular/material#9396

Closed

ai closed this as completed Jul 7, 2018

wangwenyue mentioned this issue Nov 9, 2018

Mobx + React 配置表 wangwenyue/wangwenyue.github.io#1

Open

luchillo17 mentioned this issue Nov 30, 2018

[Bug] Getting unknown browser dead query on build react-toolbox/react-toolbox-themr#69

Open

browserslist deleted a comment from najandhamed Dec 5, 2018

jotak mentioned this issue Dec 19, 2018

KIALI-2077 React related libraries upgrades kiali/kiali-ui#864

Merged

skladany mentioned this issue Feb 20, 2019

Removing incompatible browerslist flag wesbos/React-For-Beginners-Starter-Files#102

Merged

BookOfGreg mentioned this issue Mar 12, 2019

Compile locally for production? reactjs/react-rails#969

Closed

browserslist deleted a comment from juliusdejon Mar 14, 2019

EdwardDiehl mentioned this issue Mar 14, 2019

BrowserslistError: Unknown browser query dead tachyons-css/cli#22

Open

gpbl mentioned this issue Aug 3, 2019

BrowserslistError: Unknown browser query dead gpbl/react-day-picker#905

Closed

ryan-roemer mentioned this issue Mar 6, 2020

Docs: Postcss in react-static@5 fails CSS building FormidableLabs/spectacle#857

Closed

2 tasks

caohuatao mentioned this issue Oct 29, 2020

需要安装browserslist吗？我浏览器引入import 'vue-super-flow/lib/index.css'时报错了 caohuatao/vue-super-flow#25

Closed

Morgane26 added a commit to Morgane26/chatbox that referenced this issue Dec 2, 2020

chore(browserlist): remove "dead" option failing

7a2b7ac

browserslist/browserslist#266

wesleybl added a commit to collective/collective.cover that referenced this issue Feb 1, 2022

Use css-loader 1.0.0 in webpack

5d2b7c6

Avoid error: Module build failed: BrowserslistError: Unknown browser query `dead` Ref: browserslist/browserslist#266 (comment)

Module build failed: BrowserslistError: Unknown browser query dead #266

Module build failed: BrowserslistError: Unknown browser query dead #266

Comments

Prabhagar06 commented Jun 1, 2018

ai commented Jun 1, 2018

ai commented Jun 1, 2018

Prabhagar06 commented Jun 4, 2018

ai commented Jun 4, 2018

Prabhagar06 commented Jun 5, 2018

SidV7 commented Jun 20, 2018

ai commented Jun 20, 2018 • edited

SidV7 commented Jun 20, 2018

ai commented Jun 20, 2018

Splaktar commented Jun 25, 2018

ai commented Jul 7, 2018

juanr2001 commented Jul 12, 2018

ai commented Jul 12, 2018

tncho commented Jul 12, 2018 • edited

ai commented Jul 12, 2018

tncho commented Jul 12, 2018

ai commented Jul 12, 2018

nicksterx commented Jul 12, 2018

bjohndev commented Jul 12, 2018

ai commented Jul 12, 2018

bjohndev commented Jul 12, 2018 • edited

ai commented Jul 12, 2018

bjohndev commented Jul 12, 2018

nicksterx commented Jul 12, 2018

ai commented Jul 12, 2018

bjohndev commented Jul 12, 2018

nicksterx commented Jul 12, 2018

bjohndev commented Jul 12, 2018

paolocavanna commented Oct 31, 2018

efectusmagnus commented Dec 4, 2018

ai commented Dec 5, 2018

nicksterx commented Dec 5, 2018

ai commented Dec 5, 2018

vipulgupta2048 commented Feb 2, 2019

revskill10 commented Feb 21, 2019

ai commented Mar 14, 2019

juliusdejon commented Mar 14, 2019

ai commented Mar 14, 2019

SharmilaU-Hexaware commented Jul 1, 2019

vipulgupta2048 commented Jul 1, 2019 • edited

SharmilaU-Hexaware commented Jul 1, 2019

revskill10 commented Jul 1, 2019

ai commented Jul 1, 2019

lovelstn commented Jan 2, 2020

kingemma commented Apr 23, 2020 • edited

Module build failed: BrowserslistError: Unknown browser query `dead` #266

Module build failed: BrowserslistError: Unknown browser query `dead` #266

ai commented Jun 20, 2018 •

edited

tncho commented Jul 12, 2018 •

edited

bjohndev commented Jul 12, 2018 •

edited

vipulgupta2048 commented Jul 1, 2019 •

edited

kingemma commented Apr 23, 2020 •

edited