导入找不到或不可读:断点



刚刚安装了断点,并尝试在现有的博客项目(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:inopen' /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:inusable_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:ineach'/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:ininitialize_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:inperform'/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:inexecute'/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:inload'/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) {
...
}**

}

最新更新