Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Bug] SASS não funciona e já tentei todos os recursos aqui já listados

Olá, recentemente estou terminando de concluir a formação .sass, mas algo está dando erro, já fiz todos os posts relacionados aqui e não consegui arrumar

Change detected - 31/05/2023 00:43:57
_footer.sass
--------------------
Warning:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 2) or calc($tamanho-do-texto / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div
   ╷
21 |            font-size: $tamanho-do-texto / 2;
   |                      ^.....................^
   ╵
file:///c:/Users/Tarlei/Desktop/dev/alura-spa-projeto_inicial/styles/components/_banner.scss:21:23
THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0
--------------------
Warning:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 2.5) or calc($tamanho-do-texto / 2.5)

More info and automated migrator: https://sass-lang.com/d/slash-div
  ╷
5 |        font-size: $tamanho-do-texto / 2.5;
  |                  ^.......................^
  ╵
file:///c:/Users/Tarlei/Desktop/dev/alura-spa-projeto_inicial/styles/components/_servicos.scss:5:19
THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0
--------------------
Warning:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 1.2) or calc($tamanho-do-texto / 1.2)

More info and automated migrator: https://sass-lang.com/d/slash-div
   ╷
14 |        font-size: $tamanho-do-texto /1.2; 
   |                  ^......................^
   ╵
file:///c:/Users/Tarlei/Desktop/dev/alura-spa-projeto_inicial/styles/components/_servicos.scss:14:19
THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0
--------------------
Warning:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 1.5) or calc($tamanho-do-texto / 1.5)

More info and automated migrator: https://sass-lang.com/d/slash-div
   ╷
27 |            font-size: $tamanho-do-texto / 1.5;
   |                      ^.......................^
   ╵
file:///c:/Users/Tarlei/Desktop/dev/alura-spa-projeto_inicial/styles/components/_servicos.scss:27:23
THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0
--------------------
Warning:
Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 3) or calc($tamanho-do-texto / 3)

More info and automated migrator: https://sass-lang.com/d/slash-div
   ╷
34 |            font-size: $tamanho-do-texto / 3;
   |                      ^.....................^
   ╵
file:///c:/Users/Tarlei/Desktop/dev/alura-spa-projeto_inicial/styles/components/_servicos.scss:34:23
THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0
--------------------
Warning:
This selector doesn't have any properties and won't be rendered.
  ╷
0 |import styles/abstract/_variaveis.scss
  |^......................................^
  ╵
file:///c:/Users/Tarlei/Desktop/dev/alura-spa-projeto_inicial/styles/components/_footer.sass:0:0
--------------------
Compilation Error
Error: expected selector.
  ╷
1 │ import styles/abstract/_variaveis.scss
  │              ^
  ╵
  c:\Users\Tarlei\Desktop\dev\alura-spa-projeto_inicial\styles\components\_footer.sass 1:14  @import
  c:\Users\Tarlei\Desktop\dev\alura-spa-projeto_inicial\styles\style.scss 6:9                root stylesheet
--------------------
Watching...
--------------------

essa mensagem é o que sai das anotações da atualização

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas

Olá, Tarlei! Tudo bem?

Pelo que entendi, você está recebendo um aviso de que o uso de "/" para divisão fora do calc() está obsoleto e será removido na próxima versão do SASS. A recomendação é usar math.div() ou calc() ao invés disso.

Você pode corrigir esse erro substituindo as divisões por math.div() ou calc(). Por exemplo, ao invés de escrever "font-size: $tamanho-do-texto / 2;", você pode escrever "font-size: math.div($tamanho-do-texto, 2);".

Além disso, o erro "expected selector" parece estar relacionado a uma importação no arquivo _footer.sass. Verifique se a importação está correta e se o arquivo _variaveis.scss existe no diretório styles/abstract/.

Espero ter ajudado e bons estudos!

olá, ainda não entendi por que meu import não funciona, gera vários erros que estou procurando aqui, mas não são justificáveis pois fiz exatamente como na aula, a palavra import fica em branco e não ativa a função, e dai em diante ele nem consegue assumir que é o import que é pra ativar

solução!

Olá Tarlei, tudo bem contigo?

Eu me peguei nesse mesmo problema quando estava tentando fazer o curso, e pelo que percebi o problema está relacionado à alguma atualização do SASS.

E para resolver isso à forma que você precisa importar o arquivo é essa aqui:

@import ../abstract/_variaveis.scss

footer
    text-align: center

Outra opção é mudar a barra, e colocar uma contra-barra, dessa forma:

import styles\abstract\_variaveis.scss

A diferença está apenas no " " no lugar do '/'. Pode parecer bobo, mas fez diferença.

Só recomendei, pois essas formas funcionaram para mim, espero que funcionem para você também!

Abraços e bons estudos.