语法错误：找不到导入文件或不可读：指南针/ css3

Question

I already have a config.rb in the root with the following:

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

# generated_images_dir = "/images/"
http_generated_images_path = "../images"

I'm using Gruntfile.js and I made it work to compile but I get this error once file is compiled:

Running "sass:dist" (sass) task
Syntax error: File to import not found or unreadable: compass/css3.
              Load paths:
                /Users/DanielRamirez/Sites/020
                /Users/DanielRamirez/Sites/020/sass
        on line 86 of sass/_base.scss
        from line 7 of sass/style.scss
  Use --trace for backtrace.

I recently had to restore my hard drive so maybe some things are missing. I reinstalled compass using:

gem install compass

I have a macbook so I do not need to install ruby as it comes in the package if I understand well.

What do I have to do to make this work?

Answer 1

This looks like you try to compile your styles by sass task (sass:dist), but use compass mixin as well.

What kind of sass compiler do you use?

There is a good decision. You should try to switch to the grunt-contrib-sass ( https://npmjs.org/package/grunt-contrib-sass ), that have internal support for compass.( set options compass:true)

Answer 2

Recently had the same issue when I moved to a file structure for my SASS (partials/_name.scss) and then moved my site to a DEVELOPMENT environment. Error went away after I opened the files, made a small change (space bar) and saved. I am sure there is a more elegant way but this allowed me to move on.

Answer 3

With the current version of " grunt-contrib-sass " you have to set compass option to true in your sass task ie:

 sass: {
        dis: {
            options: {
                style: 'compressed',
                compass: true
            },
            files: {
                'stylesheets/screen.css' : 'sass/screen.scss'
            }
      }
    },

Check Documantion