Unités incompatibles: 'rem' et 'px' - Bootstrap 4 et Laravel Mix
Je viens d'installer une nouvelle Laravel 5.4, et bootstrap 4 alpha 6. Laravel mélanger l'habitude de compiler SASS:
Ici est une erreur:
Module build failed: ModuleBuildError: Module build failed:
$input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
^
Incompatible units: 'rem' and 'px'.
in /Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/bootstrap/scss/_variables.scss (line 444, column 34)
at runLoaders (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/webpack/lib/NormalModule.js:192:19)
at /Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/loader-runner/lib/LoaderRunner.js:364:11
at /Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/loader-runner/lib/LoaderRunner.js:230:18
at context.callback (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at Object.asyncSassJobQueue.push [as callback] (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/sass-loader/lib/loader.js:57:13)
at Object.<anonymous> (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/sass-loader/node_modules/async/dist/async.js:2262:31)
at apply (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/sass-loader/node_modules/async/dist/async.js:20:25)
at Object.<anonymous> (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/sass-loader/node_modules/async/dist/async.js:56:12)
at Object.callback (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/sass-loader/node_modules/async/dist/async.js:944:16)
at options.error (/Volumes/HDD/nicolae/Dev/htdocs/test/node_modules/node-sass/lib/index.js:294:32)
@ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
Quelqu'un a adopté le présent? Et comment?
source d'informationauteur Nicolae Casîr | 2017-04-24
Vous devez vous connecter pour publier un commentaire.
Résolu
"bootstrap": "4.0.0-alpha.6", dans ressources/actifs/sass/app.scss,
@import "node_modules/bootstrap/scss/bootstrap.scss";
et de le modifier pour require('bootstrap');
Lien!
Il m'est arrivé aussi, c'est comme vous l'avez dit, le remplacement de certaines variables est la cause de cette erreur.
Pour résoudre ce juste un commentaire de cette ligne dans les ressources/actifs/sass/_variables:
$font-size: 14px;
Dans les variables si vous avez besoin de l'aide d'autres variables que laravel fournit.
référence: https://github.com/twbs/bootstrap/issues/18368