刚刚安装了断点,并尝试在现有的博客项目(html/css/js.php)上使用。目前使用Sass和Susy进行基本的网格工作,但我最近意识到它的易用性和灵活性,所以想让Breakpoint尝试一下这个项目。
安装成功后,将以下内容添加到我的项目中:
require 'breakpoint'
到config.rb文件
@import "breakpoint"
到sass中的基本文件(_b)。
刷新后,浏览器中出现以下错误消息:
Syntax error: File to import not found or unreadable: breakpoint.A Load paths:A /Users/pbj/Desktop/code/the-start/themes/thestart/sassA /Library/Ruby/Gems/2.0.0/gems/compass-0.12.3/frameworks/blueprint/stylesheetsA /Library/Ruby/Gems/2.0.0/gems/compass-0.12.3/frameworks/compass/stylesheetsA /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sassA Compass::SpriteImporterA on line 6 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/_base.scssA from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/screen.scssA A 1: /Users/pbj/Desktop/code/the-start/themes/thestart/sass/screen.scss"
在命令行中也有此错误:
Errno::EACCES on line ["1143"] of /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb: Permission denied - /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.0.alpha.17/stylesheets/.listen_test
Run with --trace to see the full backtrace
在运行完整的回溯时,我在命令行中得到了以下信息:
Errno::EACCES on line ["1143"] of /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb: Permission denied - /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.0.alpha.17/stylesheets/.listen_test
/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1143:in
open'
/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1143:in
救援处于"联系中"/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/rub/2.0.0/fileutils.rb:1139:在block in touch'
/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1137:in
中,每个'/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/rub/2.0.0/fileutils.rb:1137:在touch'
/Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:221:in
中工作?'/Library/Ruby/Gems/2.0.0/Gems/listen-1.1.6/lib/linest/adapter.rb:182:在block in usable_and_works?'
/Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:182:in
中每个'/Library/Ruby/Gems/2.0.0/Gems/listen-1.1.6/lib/relist/adapter.rb:182:在all?'
/Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:182:in
usable_and_works中?'/Library/Ruby/Gems/2.0.0/Gems/listen-1.1.6/lib/linest/adapter.rb:49:inblock in select_and_initialize'
/Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:47:in
each'/Library/Ruby/Gems/2.0.0/Gems/listen-1.1.6/lib/linest/adapter.rb:47:inselect_and_initialize'
/Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/listener.rb:272:in
initialize_adapter'/Library/Ruby/Gems/2.0.0/Gems/listen-1.1.6/lib/linest/listener.rb:264:在setup'
/Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/listener.rb:64:in
中启动!'/Library/Ruby/Gems/2.0.0/Gems/compass-1.0.0α18/lib/compass/watcher/project_watcher.rb:31:inwatch!'
/Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/watch_project.rb:48:in
perform'/Library/Ruby/Gems/2.0.0/Gems/compass-1.0.0α18/lib/compass/commands/base.rb:18:inexecute'
/Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/project_base.rb:19:in
execute'/Library/Ruby/Gems/2.0.0/Gems/compass-1.0.0α18/lib/compass/exec/sub_command_ui.rb:43:在perform!'
/Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/exec/sub_command_ui.rb:15:in
运行中!'/Library/Ruby/Gems/2.0.0/Gems/compass-1.0.0α18/bin/compass:30:在block in <top (required)>'
/Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/bin/compass:44:in
调用中'/Library/Ruby/Gems/2.0.0/Gems/compass-1.0.0α18/bin/compass:44:in<top (required)>'
/usr/bin/compass:23:in
load'/usr/bin/compass:23:in `'
当我安装断点时,它也安装了:
- sass-3.3.0.rc.6
- 圆规-1.0.0.alpha.18
- 断点-2.4.1
当我检查sass的当前版本时,它是sass-3.3.0.rc.6。
不确定到底发生了什么。我确实读过类似的问题,其中的解决方案是在config.rb文件的父目录上调用compass watch
,或者类似的东西。最终还是出现了同样的错误。
编辑:当注释掉断点以尝试在不使用(暂时)的情况下继续前进时,浏览器中会出现此错误:
"Syntax error: Undefined variable: "$experimental-support-for-mozilla".A on line 25 of /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass/susy/_support.scssA from line 5 of /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass/_susy.scssA from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/_base.scssA from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/screen.scss"
命令行中的这个错误:Errno::EACCES on line ["1143"] of /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb: Permission denied - /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.0.alpha.17/stylesheets/.listen_test
我想这是因为它试图使用v3.3?
有人对如何解决这个问题有什么建议吗?
目前运行15"MBPr OSX v.10.9.2(小牛队)
解决您的难题的方法是Bundler!Bundler会将您的项目锁定到特定的宝石中,并确保它们可供使用。如果您正在使用Susy1.x并希望使用Breakpoint,您的Gemfile应该如下所示:
source 'http://rubygems.org'
gem 'sass', '~>3.2.0'
gem 'compass', '~>0.12.0'
gem 'susy', '~>1.0.0'
gem 'breakpoint', '~>2.0.0'
然而,如果你想使用最新和最棒的,你的Gemfile应该如下所示:
source 'http://rubygems.org'
gem 'sass', '~>3.3.0.rc.3'
gem 'compass', '~>1.0.0.alpha.18'
gem 'susy', '~>2.0.0.rc.2'
gem 'breakpoint', '~>2.4.0'
记住bundle install
并通过bundle exec
(bundle exec compass watch
)运行Compass编译
我在通过npm安装断点时遇到了同样的问题,我通过npm安装中断点sass修复了它,然后我将它导入到我的app.scs中,如下所示@import'~/nod_module/断点sass/样式表/断点'
使用此代码进行响应布局:
.class名称{
**@include breakpoint(max-width 800px) {
...
}**
}