Skip to content

Module build failed: BrowserslistError: Unknown browser major, 4.0.0-beta.3 #25118

@Mds92

Description

@Mds92

I just install 4.0.0-beta.3 within my Angular 5 project with npm install bootstrap@4.0.0-beta.3
In bootstrap@4.0.0-beta.2 I used following .angular-cli.json config and it works well

"styles": [        
  "../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
  "../node_modules/jquery/dist/jquery.min.js",
  "../node_modules/bootstrap/dist/js/bootstrap.bundle.js"
]

But in bootstrap@4.0.0-beta.3 I get the following error at ng serve command

ERROR in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./node_modules/bootstrap/dist/css/bootstrap.min.css
Module build failed: BrowserslistError: Unknown browser major
    at error (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\browserslist\index.js:37:11)
    at Function.browserslist.checkName (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\browserslist\index.js:320:18)
    at Function.select (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\browserslist\index.js:438:37)
    at D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\browserslist\index.js:207:41
    at Array.forEach (<anonymous>)
    at browserslist (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\browserslist\index.js:196:13)
    at Browsers.parse (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\autoprefixer\lib\browsers.js:44:14)
    at new Browsers (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\autoprefixer\lib\browsers.js:39:28)
    at loadPrefixes (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\autoprefixer\lib\autoprefixer.js:56:18)
    at plugin (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\autoprefixer\lib\autoprefixer.js:62:18)
    at LazyResult.run (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:270:20)
    at LazyResult.asyncTick (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:185:32)
    at LazyResult.asyncTick (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:197:22)
    at processing.Promise.then._this2.processed (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:224:20)
    at new Promise (<anonymous>)
    at LazyResult.async (D:\Sources\VistaBest\VistaBest\VistaBest.Angular\VistaBest\node_modules\postcss-loader\node_modules\postcss\lib\lazy-result.js:221:27)
 @ ./node_modules/bootstrap/dist/css/bootstrap.min.css 4:14-131
 @ multi ./node_modules/bootstrap/dist/css/bootstrap.min.css ./src/bootstrap-custom.css ./src/materials-custom.css ./src/styles.css ./src/rtl.css

My jQuery version: 3.2.1
Angular cli version: 1.6.2

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions