Bootstrap-4 beta 3 Fehler mit Winkel-cli

Ich erhalte folgende Fehlermeldung beim aktualisieren meiner bootstrap-Paket 4.0.0-beta.3. Lassen Sie mich wissen, wenn ich bin fehlt etwas. Es funktioniert mit der beta.2

"@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",

FEHLER 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,"precision":8,"includePaths":[]}!./node_modules/bootstrap/scss/bootstrap.scss
Modul build failed: BrowserslistError: Unbekannt browser-Dur
bei Fehler (E:*********\node_modules\browserslist\index.js:37:11)
an der Funktion.browserslist.checkName (E:*********\node_modules\browserslist\index.js:320:18)
an der Funktion.wählen Sie (E:*********\node_modules\browserslist\index.js:438:37)
bei E:*********\node_modules\browserslist\index.js:207:41
bei Array.forEach ()
bei browserslist (E:*********\node_modules\browserslist\index.js:196:13)
bei Browsern.parse (E:*********\node_modules\autoprefixer\lib\Browser.js:44:14)
bei neuen Browsern (E:*********\node_modules\autoprefixer\lib\Browser.js:39:28)
bei loadPrefixes (E:*********\node_modules\autoprefixer\lib\autoprefixer.js:56:18)
bei Plug-in (E:*********\node_modules\autoprefixer\lib\autoprefixer.js:62:18)
bei LazyResult.Lauf (E:*********\node_modules\postcss-loader\node_modules\postcss\lib\faul-Ergebnis.js:270:20)
bei LazyResult.asyncTick (E:*********\node_modules\postcss-loader\node_modules\postcss\lib\faul-Ergebnis.js:185:32)
bei LazyResult.asyncTick (E:*********\node_modules\postcss-loader\node_modules\postcss\lib\faul-Ergebnis.js:197:22)
bei LazyResult.asyncTick (E:*********\node_modules\postcss-loader\node_modules\postcss\lib\faul-Ergebnis.js:197:22)
bei der Verarbeitung.Versprechen.dann._this2.verarbeitet (E:*********\node_modules\postcss-loader\node_modules\postcss\lib\faul-Ergebnis.js:224:20)
an der 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.Karussell/dist/assets/owl.Karussell.css
./node_modules/owl.Karussell/dist/assets/owl.Thema.Standard.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

  • Scheint ein bekanntes problem github.com/angular/angular-cli/issues/9020. Für eine schnelle Lösung habe ich kopiert neueste autoprefixer 7.2.3 Ordner node_modules/@eckig/cli/node_modul. Das problem behoben wurde
  • nach dem kopieren autoprefixer neuesten Ordner hat es geklappt. aber wenn ich mit ng bauen-prod Befehl, seine wieder geben die gleiche Fehlermeldung. Eine Lösung für dieses?
  • Für die Bootstrap-4.0.0 (Version) ich habe ein Upgrade der CLI zu 1.6.5 — und es funktioniert!
InformationsquelleAutor Debananda | 2017-12-30
  1. 15

    Können Sie die Verwendung von Bootstrap 4 beta 3, aber das erste edit bootstrap.json/Paket.json in node_modules/bootstrap:

    "browserslist": [

    "last 1 " major version", " <----- löschen Sie diese Zeile

    ">= 1%", " <----- löschen Sie diese Zeile

    "Chrome" > "= 45",

    "Firefox - >= 38",

    "Rand >= 12",

    "Explorer >= 10",

    "iOS >= 9",

    "Safari >= 9",

    "Android - >= 4.4",

    "Oper >= 30"

    ],

    Sieht es aus wie die letzten n major-Versionen syntax wurde Hinzugefügt, in browserList 2.4 und autoprefixer aktualisiert version 2 der browserList in der version 7.0.

    So, jede version von autoprefixer über 7.0 funktionieren sollte.

    Aktualisierung der autoprefixer sollte auch der job für Sie tun.

    • Ich habe versucht das gleiche und es funktionierte mit eckigen CLI 1.5.2, aber ein Upgrade der autoprefixer-Lösung funktionierte nicht für mich!
    InformationsquelleAutor Yashwanth M
  2. 3

    Dies ist verursacht durch eine bekanntes Problem eckig-cli , die temp-fix ist

    • Keinen Verweis auf die bootstrap-css/scss in .angular-cli.json,

    • Import bootstrap die scss-Datei in der style.scss - Datei Ihrer app wie diese:

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

    für mehr details, schauen Sie bitte auf meine ng-Samen repo.

    • Ja @zhimin ich Tat das gleiche. aber immer noch, prod bauen wirft den Fehler. hat es mir keine Fehler an ng bauen-prod für Sie?
    • Keine， ich bekomme keine Fehler mit.
    • danke! ich habe versucht, zu glatt und lassen angular-cli.json-bringen es in der... ging zurück zu dem ursprünglichen @import-und es funktionierte wieder...
    InformationsquelleAutor zhimin
  3. 0

    Ich bin nicht mit eckigen, sondern konfrontiert mit dem gleichen Problem mit bootstrap v."4.0.0":

    import "bootstrap/scss/bootstrap.scss";

    Hinzufügen "autoprefixer": "^7.2.5" auf mein Paket.json für mich gearbeitet.

    • Es hat mir nicht geholfen.
    InformationsquelleAutor you_rule
  4. 0

    Ich habe ein Upgrade auf Winkel-CLI 1.7.x und es begann gut. Ich empfehle diese Lösung. Ich meine die Aktualisierung der Winkel-CLI und es sollte für Sie arbeiten!

    @Yashwanth M-Lösung sollte in der worst-case-Szenario!

    InformationsquelleAutor Roopesh Reddy
Schreibe einen Kommentar