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

problema com o sass e compass

Referente ao curso Sass e Compass: Descomplicando o CSS, no capítulo Operações matemáticas e atividade Funções no Sass

por josé hildo
| 73.4k xp | 6 posts
Designer Pleno

apartir de desse momento, o que é que esta startado o compass ou o sass? Eu satartei o sass mas ele deu erro nos imports do compass e no sprite e da a seguinte mensagem:

/*
Error: File to import not found or unreadable: sprite/*.png.
        on line 2 of estilos.scss

1: $sprite-spacing: 2px;
2: @import 'sprite/*.png';
3: @import 'variaveis';
4: @import 'mixim';
5: 
6: @import 'geral';
7: @import 'header';

Backtrace:
estilos.scss:2
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/import_node.rb:67:in `rescue in import'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/import_node.rb:45:in `import'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/import_node.rb:28:in `imported_file'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/import_node.rb:37:in `css_import?'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:313:in `visit_import'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `block in visit'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `block in with_base'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:115:in `with_frame'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/stack.rb:79:in `with_base'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:160:in `visit'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `map'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:52:in `visit_children'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:169:in `block in visit_children'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:181:in `with_environment'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:168:in `visit_children'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `block in visit'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:188:in `visit_root'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/base.rb:36:in `visit'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:159:in `visit'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/visitors/perform.rb:8:in `visit'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:36:in `css_tree'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/engine.rb:381:in `_render_with_sourcemap'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/engine.rb:298:in `render_with_sourcemap'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `each'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:473:in `on_file_changed'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/lib/sass/plugin/compiler.rb:331:in `block in watch'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:252:in `on_change'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapters/polling.rb:48:in `poll_changed_directories'
C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/sass-3.4.23/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller'
6 respostas
por Estudante
| 719.4k xp | 745 posts

E aí, José! Beleza, cara? =)

Se não estou enganado, não foi possível fazer o import declarado na linha 02... Você possui suas imagens no formato .png, dentro da pasta sprite, mesmo? =)

Fábio

por josé hildo
| 73.4k xp | 6 posts
Designer Pleno

Sim possui, ele não estava dando nenhum erro com o compass, mas na aula seguinte startei o sass e ele deu erro nos arquivos do compass, não reconheceu os mixins do compass e o import png. essa é a estrutura do config do compass:

require 'compass/import-once/activate'

Require any additional compass plugins here.

Set this to the root of your project when deployed:

http_path = "/" css_dir = "css" sass_dir = "css" images_dir = "imagens" javascripts_dir = "js" http_path = "../"

e o diretorio do sprite esta dentro da pasta imagens imagens/sprite

por Estudante
| 719.4k xp | 745 posts

Fala, José! Tudo bem, com você? =)

Desculpe a demora em responder... Não tinha conseguido encontrar o erro. Você conseguiu resolvê-lo?

Fábio

por josé hildo
| 73.4k xp | 6 posts
Designer Pleno

eu tambem não to achando erro, mas uma coisa não ficou clara no curso o sass e compass rodam ao mesmo tempo ou eu só posso usar ou um ou outro, no caso eu dando o comando compass watch estilos.scss:estilos.css eu não perciso startar o sass? eu trabalho com os dois ou so com um deles?

Porque o problema começou justamente após a aula de compass quando começou a aula seguinte eu startei o sass com o comando sass --watch estiloss.scss:estilos.css e ai ele deu pau nox mixins do sass e depois quando startei o compass (compass watch estilos.scss:estilos.css) deu esse erro descrito no post.

solução!
por Estudante
| 719.4k xp | 745 posts

José,

Compass é uma ferramenta que utiliza o Sass. O primeiro passo é você instalá-lo e, depois disso, na raiz do projeto, executar o comando compass create, você chegou a fazer isso? Basicamente com esse comando, você diz que quer utilizar o Compass no projeto. =D

Se tudo tiver ocorrido bem até aqui, você verá os diretórios sass e stylesheets, além do arquivo config.rb criados! Beleza até aqui?

Você deve deixar seu config.rb da seguinte forma:

http_path = "/"
css_dir = "css"
sass_dir = "css"
images_dir = "imagens"
javascripts_dir" = "js"

Repare que esse arquivo representa a configuração do Compass, ou seja, onde ele deve buscar os arquivos. Da forma como deixamos, estamos dizendo que nossos arquivos *.scss estarão na pasta css, bem como os compilados (*.css). Além disso, as imagens, para geração dos sprites devem estar na pasta imagens... Ok? =)

O próximo passo é executar o comando compass watch no terminal, para que a ferramente fique "olhando" seu projeto, buscando por mudanças. Caso haja, ele tentará compilar os arquivos modificados.

Resumidamente, o Sass é o pré-compilador de CSS, apenas. O Compass é uma ferramenta que usa o Sass por baixo dos panos para fazer algumas coisas além. =D

Conseguiu entender? =)

Fábio

por josé hildo
| 73.4k xp | 6 posts
Designer Pleno

Ok! entendi

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software