Skip to content

Build failed when using Bootstrap 4.0.0 (relese) #9288

Closed
@amihailes

Description

@amihailes

Hi,

I write this because of #9020 and #9029

When using angular/cli ( "@angular/cli": "1.6.5") with version "bootstrap": "4.0.0-beta.2", Everything is ok: build:dev and build :prod OK:

"build:dev": "ng build",
"build:prod": "ng build --prod --aot --extract-css",

But if I update to "bootstrap": "4.0.0", the build is OK if I use "build:dev", but it doesn't if I try to use "build:prod"

The error is:

node --version
v8.9.4
npm --version
5.6.0

The error:

ERROR in ./node_modules/bootstrap/scss/bootstrap.scss
Module build failed: BrowserslistError: Unknown browser major
at error (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:37:11)
at Function.browserslist.checkName (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:320:18)
at Function.select (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:438:37)
at D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:207:41
at Array.forEach ()
at browserslist (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:196:13)
at D:\spa\node_modules\postcss-merge-rules\dist\index.js:261:51
at LazyResult.run (D:\spa\node_modules\postcss\lib\lazy-result.js:277:20)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:192:32)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
@ multi ./Client/globals.scss ./node_modules/bootstrap/scss/bootstrap.scss
ERROR in ./node_modules/bootstrap/scss/bootstrap.scss
Module build failed: ModuleBuildError: Module build failed: BrowserslistError: Unknown browser major
at error (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:37:11)
at Function.browserslist.checkName (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:320:18)
at Function.select (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:438:37)
at D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:207:41
at Array.forEach ()
at browserslist (D:\spa\node_modules\postcss-merge-rules\node_modules\browserslist\index.js:196:13)
at D:\spa\node_modules\postcss-merge-rules\dist\index.js:261:51
at LazyResult.run (D:\spa\node_modules\postcss\lib\lazy-result.js:277:20)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:192:32)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at LazyResult.asyncTick (D:\spa\node_modules\postcss\lib\lazy-result.js:204:22)
at runLoaders (D:\spa\node_modules\webpack\lib\NormalModule.js:195:19)
at D:\spa\node_modules\loader-runner\lib\LoaderRunner.js:364:11
at D:\spa\node_modules\loader-runner\lib\LoaderRunner.js:230:18
at context.callback (D:\spa\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at Promise.resolve.then.then.catch (D:\spa\node_modules\postcss-loader\lib\index.js:189:71)
at
@ ./node_modules/bootstrap/scss/bootstrap.scss
@ multi ./Client/globals.scss ./node_modules/bootstrap/scss/bootstrap.scss
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! spa@0.0.0 build:prod: ng build --prod --aot --extract-css
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the spa@0.0.0 build:prod script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:

My package.json:

"scripts": {
    "ng": "ng",
    "rimraf": "rimraf",
    "clean": "npm cache clean && npm run rimraf -- node_modules doc typings coverage wwwroot",
    "start": "ng serve",
    "build:dev": "ng build",
    "build:prod": "ng build --prod --aot --extract-css",
    "lint:sass": "sass-lint -c .sass-lint.yml Client/**/*.scss --verbose",
    "lint:ts": "tslint -c tslint.json Client/**/*.ts"
},
"dependencies": {},
"devDependencies": {
    "@angular-devkit/core": "0.0.28",
    "@angular/common": "5.2.1",
    "@angular/compiler": "5.2.1",
    "@angular/core": "5.2.1",
    "@angular/forms": "5.2.1",
    "@angular/http": "5.2.1",
    "@angular/platform-browser": "5.2.1",
    "@angular/platform-browser-dynamic": "5.2.1",
    "@angular/router": "5.2.1",
    "@angular/cli": "1.6.5",
    "@angular/compiler-cli": "5.2.1",
    "@types/core-js": "0.9.45",
    "@types/hammerjs": "2.0.35",
    "@types/jasmine": "2.8.4",
    "@types/node": "9.3.0",
    "@types/selenium-webdriver": "3.0.8",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.9",
    "bootstrap": "4.0.0",
    "codelyzer": "4.1.0",
    "core-js": "2.5.3",
    "file-loader": "1.1.6",
    "font-awesome": "4.7.0",
    "isomorphic-fetch": "2.2.1",
    "jquery": "3.2.1",
    "popper.js": "1.12.9",
    "node-sass": "4.7.2",
    "normalize.css": "7.0.0",
    "preboot": "4.5.2",
    "rxjs": "5.5.6",
    "sass-lint": "1.12.1",
    "ts-helpers": "1.1.2",
    "ts-node": "4.1.0",
    "tslint": "5.9.1",
    "typedoc": "0.9.0",
    "typescript": "2.6.2",
    "url-loader": "0.6.2",
    "zone.js": "0.8.20"
}

Thanks

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions