Bootstrap 4 beta 3 throws an error with angular-cli

When upgrading the bootstrap package to 4.0.0-beta.3, I get below the error. Let me know if I missed something. He worked with the beta version.

"@angular/animations": "^5.1.2",
"@angular/common": "^5.1.2",
"@angular/compiler": "^5.1.2",
"@angular/core": "^5.1.2",
"@angular/forms": "^5.1.2",
"@angular/http": "^5.1.2",
"@angular/platform-browser": "^5.1.2",
"@angular/platform-browser-dynamic": "^5.1.2",
"@angular/router": "^5.1.2",
"bootstrap": "^4.0.0-beta.3",
"@angular/cli": "^1.6.3",
"@angular/compiler-cli": "^5.1.2",
"@angular/language-service": "^5.1.2",

Mistake in. / node_modules / css-loader? {"sourceMap": false, "importLoaders": 1}! ./ node_modules / postcss-loader / lib? {"ident": "postcss", "sourceMap": false} ./ node_modules / sass-loader / lib / loader.js {"sourceMap":? false, "accuracy": 8, "INCLUDEPATHs": []} ./ node_modules / bootstrap / SCS / bootstrap .scss Module build error: BrowserslistError: Unknown main browser on error (E: ********* \ node_modules \ browserslist \ index.js: 37: 11) in Function.browserslist.checkName (E: ********* \ node_modules \ browserslist \ index.js: 320: 18) in Function.select (E: ********* \ node_modules \ browserslist \ index.js: 438: 37) in E: ********* \ node_modules \ browserslist \ index.js: 207: 41 in Array.forEach () in the list of browsers (E: ********* \ node_modules \ browserslist \ index.js:196: 13) in Browsers.parse (E: ********* \ node_modules \ autoprefixer \ lib \ browsers.js: 44: 14) in new browsers (E: ********* \ node_modules \ autoprefixer \ lib \ browsers.js: 39: 28) at loadPrefixes (E: ********* \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 56: 18) in the plugin (E: * ******** \ node_modules \ autoprefixer \ lib \ autoprefixer.js: 62: 18) on LazyResult.run (E: ********* \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js: 270: 20) on LazyResult.asyncTick (E: ********* \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js: 185: 32 ) to LazyResult.asyncTick (E: ********* \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js: 197: 22) to LazyResult.asyncTick (E: *** ****** \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js: 197: 22) when processing .Promise.then._this2.processed (E: ********* \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js: 224: 20) on the new Promise () @. / node_modules / bootstrap / scss / bootstrap.scss 4: 14-164 @multi. /node_modules/bootstrap/scss/bootstrap.scss./node_modules/font-awesome/scss/font-awesome.scss. /node_modules/ng2-toastr/bundles/ng2-toastr.min.css./node_modules/owl.carousel/dist/assets/owl.carousel.css. /node_modules/owl.carousel/dist/assets/owl.theme.default.css./node_modules/froala-editor/css/froala_editor.pkgd.min.css. /node_modules/froala-editor/css/froala_style.min.css./node_modules/ng-pick-datetime/assets/style/picker.min.css. /src/styles.scss/node_modules/bootstrap/scss/bootstrap.scss./node_modules/font-awesome/scss/font-awesome.scss. /node_modules/ng2-toastr/bundles/ng2-toastr.min.css./node_modules/owl.carousel/dist/assets/owl.carousel.css. /node_modules/owl.carousel/dist/assets/owl.theme.default.css./node_modules/froala-editor/css/froala_editor.pkgd.min.css. /node_modules/froala-editor/css/froala_style.min.css./node_modules/ng-pick-datetime/assets/style/picker.min.css. /src/styles.scss/node_modules/bootstrap/scss/bootstrap.scss./node_modules/font-awesome/scss/font-awesome.scss. /node_modules/ng2-toastr/bundles/ng2-toastr.min.css./node_modules/owl.carousel/dist/assets/owl.carousel.css. /node_modules/owl.carousel/dist/assets/owl.theme.default.css./node_modules/froala-editor/css/froala_editor.pkgd.min.css. /node_modules/froala-editor/css/froala_style.min.css./node_modules/ng-pick-datetime/assets/style/picker.min.css. /src/styles.scss/node_modules/ng-pick-datetime/assets/style/picker.min.css. /src/styles.scss/node_modules/ng-pick-datetime/assets/style/picker.min.css. /src/styles.scss

+6
4

Bootstrap 4 beta 3, bootstrap.json/package.json node_modules/bootstrap:

" ": [
     " 1 ", < -----
     " >= 1%", < -----
     "Chrome >= 45",
     "Firefox >= 38",
     " >= 12",
     "Explorer >= 10",
     "iOS >= 9",
     " >= 9",
     "Android >= 4.4",
     "a >= 30"
    ],

, n browserList 2.4, 2 7.0.

, autoprefixer 7.0 .

.

+13

angular -cli, temp

  • bootstrap css/scss .angular-cli.json,
  • scss style.scss :

    scss
    @import '~bootstrap/scss/bootstrap.scss';
    

, , ng-seed repo.

+3

angular, bootstrap v. "4.0.0":

import "bootstrap/scss/bootstrap.scss";

"autoprefixer": "^7.2.5" .json .

0

Angular CLI 1.7.x . . CLI Angular, !

@ Yashwanth M !

0
source

All Articles