Skip to content

v15 update broke my build - browserlist problem #24212

Closed
@StephenFluin

Description

@StephenFluin

Command

serve

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

v14 latest

Description

I had a working v14 application I'm trying to update to v15. I ran ng update @angular/cli@next @angular/core@next @angular/material@next (with --force for some old unrelated incompatible packages).

Now when I attempt to ng serve I get the error below related to browserlists. I don't maintain or need any browserslist features, this came from earlier versions of Angular. I tried removing the file and that didn't change anything.

The reported error message touches on rxjs and angular-devkit and doesn't give me enough information to debug or fix this myself.

Minimal Reproduction

clone https://github.com/StephenFluin/baby-log/tree/stephen/v15-2
yarn
ng serve

Exception or Error

baby-log$ ng serve

/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/architect/node_modules/rxjs/internal/util/hostReportError.js:4
    setTimeout(function () { throw err; }, 0);
                             ^
Error [BrowserslistError]: Unknown browser query `supports es6-module`. Maybe you are using old Browserslist or made typo in query.
    at unknownQuery (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/node_modules/browserslist/index.js:285:10)
    at /home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/node_modules/browserslist/index.js:372:11
    at Array.reduce (<anonymous>)
    at resolve (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/node_modules/browserslist/index.js:318:18)
    at browserslist (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/node_modules/browserslist/index.js:443:21)
    at getSupportedBrowsers (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/src/utils/supported-browsers.js:27:71)
    at normalizeBrowserSchema (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/src/utils/normalize-builder-schema.js:41:74)
    at generateBrowserWebpackConfigFromContext (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/src/utils/webpack-browser-config.js:118:66)
    at async generateI18nBrowserWebpackConfigFromContext (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/src/utils/webpack-browser-config.js:68:20)
    at async setup (/home/stephen/workspace/stephenfluin/baby-log/node_modules/@angular-devkit/build-angular/src/builders/dev-server/index.js:141:47) {
  browserslist: true
}

Your Environment

Angular CLI: 15.0.0-rc.3
Node: 16.14.2
Package Manager: yarn 1.22.19
OS: linux x64

Angular: 15.0.0-rc.3
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1500.0-rc.3
@angular-devkit/build-angular   15.0.0-rc.3
@angular-devkit/core            15.0.0-rc.3
@angular-devkit/schematics      14.2.9
@angular/cdk                    15.0.0-rc.2
@angular/fire                   7.4.1
@angular/material               15.0.0-rc.2
@schematics/angular             15.0.0-rc.3
rxjs                            6.6.0
typescript                      4.8.4

Anything else relevant?

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions