Question

我正在创建第一个twitter bootstrap应用程序，但在rails 3.2.3和ruby 1.8.7

中出现以下错误

  ActionView::Template::Error (Cannot call method 'charAt' of undefined
  (in /home/likewise-open/RADIXLOCAL/urjit.rajgor/workspace/twitter_bootstrap/app/assets/stylesheets/bootstrap_and_overrides.css.less)):
    11:       <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
    12:     <![endif]-->
    13: 
    14:     <%= stylesheet_link_tag "application"  %>
    15: 
    16:     <link href="images/favicon.ico" rel="shortcut icon">
    17:     <link href="images/apple-touch-icon.png" rel="apple-touch-icon">
   app/views/layouts/application.html.erb:14:in `_app_views_layouts_application_html_erb__1043627680__634423168'
   app/controllers/posts_controller.rb:7:in `index'

我的Gemfile

 source 'https://rubygems.org'

 gem 'rails', '3.2.3'
 # Bundle edge Rails instead:
 # gem 'rails', :git => 'git://github.com/rails/rails.git'

 gem 'mysql2'
 gem "execjs"
 gem 'json'
 # Gems used only for assets and not required
 # in production environments by default.
gem "twitter-bootstrap-rails", :git => 'git://github.com/seyhunak/twitter-bootstrap-rails.git'
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'less-rails'
  # See https://github.com/sstephenson/execjs#readme for more supported runtimes
  gem 'therubyracer', :platform => :ruby
  gem 'uglifier', '>= 1.0.3'

end
gem 'jquery-rails'

application.css

 /*
 * This is a manifest file that'll automatically include all the stylesheets available  in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and  they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require bootstrap_and_overrides
 *= require_tree
 */

bootstrap_and_overrides.css.less

 @import "twitter/bootstrap/bootstrap";
 body { padding-top: 60px; }

 @import "twitter/bootstrap/responsive";

// Set the correct sprite paths
 @iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
 @iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');

 // Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
 @fontAwesomeEotPath: asset-path('fontawesome-webfont.eot');
 @fontAwesomeWoffPath: asset-path('fontawesome-webfont.woff');
 @fontAwesomeTtfPath: asset-path('fontawesome-webfont.ttf');
 @fontAwesomeSvgzPath: asset-path('fontawesome-webfont.svgz');
 @fontAwesomeSvgPath: asset-path('fontawesome-webfont.svg');

// Font Awesome
@import "fontawesome";

帮帮我感谢。

Answer 1

更新到Ruby 1.9.3修复了它。

Answer 2

确保您没有任何无效的LESS语法。就我而言，在结束大括号之后，我有几个带有额外分号的文件：selector { color:white; };

我注意到Sublime Text 2 LESS语法高亮显示器偶尔会为你插入这些小宝石;）

无法在twitter bootstrap中调用未定义错误的方法'charAt'

2 个答案: