我想使用灯箱宝石,如fancybox或彩盒.两个宝石要求在application.css中添加这一行
- *= require colorBox-rails
这是问题.我只有application.css.scss文件.我所有的css文件都是scss文件.我在application.css.scss中有import语句,但没有* = require语句.添加上述行会导致错误：
“*”后无效的CSS：expected“{”,was“= require colorb …”
这是完整的application.css.scss
- @import "bootstrap";
- @import "welcome";
- @import "sessions";
- @import "users";
- *= require colorBox-rails
解决方法
application.css.scss或application.css是一样的.只需将你的application.css重命名为application.css.scss.
- /*
- * This is a manifest file that'll be compiled into application.css,which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory,lib/assets/stylesheets,vendor/assets/stylesheets,* or vendor/assets/stylesheets of plugins,if any,can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any styles
- * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
- * file per style scope.
- *
- *= require_self
- *= require colorBox-rails
- */
- @import "bootstrap";
- @import "welcome";
- @import "sessions";
- @import "users";