Импорт не найден или не читается: точка останова

Question

Просто установил точку останова и попытался использовать в существующем проекте блога (html/css/js/php). В настоящее время использую Sass с Susy для базовых задач в сетке, но хотел попробовать Breakpoint в этом проекте, так как недавно я осознал его простоту и гибкость в использовании.

После успешной установки добавил следующее в мой проект:

require 'breakpoint' в файл config.rb

@import "breakpoint" _base файл в sass.

При обновлении было выдано это сообщение об ошибке в браузере:

Syntax error: File to import not found or unreadable: breakpoint.\A Load paths:\A /Users/pbj/Desktop/code/the-start/themes/thestart/sass\A /Library/Ruby/Gems/2.0.0/gems/compass-0.12.3/frameworks/blueprint/stylesheets\A /Library/Ruby/Gems/2.0.0/gems/compass-0.12.3/frameworks/compass/stylesheets\A /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass\A Compass::SpriteImporter\A on line 6 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/_base.scss\A from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/screen.scss\A \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/ruby/2.0.0/fileutils.rb:1139:in 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/ruby/2.0.0/fileutils.rb:1137:in 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/listen/adapter.rb:182:in 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/listen/adapter.rb:182:in 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/listen/adapter.rb:49:in block in select_and_initialize' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:47:in каждый '/Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:47:in select_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/listen/listener.rb:264:in 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.alpha.18/lib/compass/watcher/project_watcher.rb:31:in watch!' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/watch_project.rb:48:in выполнить ' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/base.rb:18:in execute' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/project_base.rb:19:in выполнить ' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/exec/sub_command_ui.rb:43:in 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.alpha.18/bin/compass:30:in block in <top (required)>' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/bin/compass:44:in call '/Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/bin/compass:44:in <top (required)>' /usr/bin/compass:23:in загрузить ' /usr/bin/compass:23:in `'

Когда я установил точку останова, он также установил:

• дерзость-3.3.0.rc.6
• Компас-1.0.0.alpha.18
• контрольная точка-2.4.1

Когда я проверял текущую версию sass, это был sass-3.3.0.rc.6.

Не уверен, что именно происходит. Я читал похожие вопросы, где резолюция должна была позвонить compass watch в родительском каталоге файла config.rb, или что-то в этом роде. Все еще закончилось с той же ошибкой.

РЕДАКТИРОВАТЬ: При комментировании точки останова, чтобы попытаться двигаться вперед без использования (на мгновение), эта ошибка выдается в браузере:

"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.scss\A from line 5 of /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass/_susy.scss\A from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/_base.scss\A 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 (Mavericks)

Answer 1

Ответом на ваши беды является Бандлер! Bundler заблокирует ваш проект на определенные драгоценные камни и обеспечит их доступность для использования. Если вы используете Susy 1.x и хотите использовать точку останова, ваш 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)

Answer 2

У меня была такая же проблема при установке точки останова через npm, и я исправил ее с помощью npm install breakpoint-sass , а затем импортировал ее в свой app.scss следующим образом : @import '~/node_modules/breakpoint-sass/stylesheets/breakpoint';

используйте этот код для адаптивного макета:

.имя-класса {

          **@include breakpoint(max-width 800px) {
     ...
    }**

}