Quando utilizo npm run mix acontece o erro da foto abaixo.
Quando utilizo npm run mix acontece o erro da foto abaixo.
Oi, João! Tudo bem?
De acordo com a mensagem de erro, estamos tendo um problema com a importação do Bootstrap no arquivo SASS, devido a linha de importação @import "bootstrap/scss/bootstrap.js"
, pois estamos tentando importar um arquivo .js
em vez de um arquivo .scss
.
Dessa forma, precisamos apenas alterar a linha de importação no arquivo app.scss
para apontar para o arquivo correto do Bootstrap, deixando-a da seguinte maneira:
@import "bootstrap/scss/bootstrap";
Note que omitimos a extensão do arquivo, pois o SASS já espera por arquivos .scss
ou .sass
. Dessa forma, após fazermos essa correção devemos tentar rodar o comando npm run mix
novamente.
Somado a isso, precisamos nos certificar de que o Bootstrap foi instalado corretamente no projeto. através do comando npm install bootstrap
sem erros.
Espero ter ajudado! Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, estou à disposição!
Um forte abraço e bons estudos!