在Rails

时间:2018-04-18 22:20:32

标签: css ruby-on-rails ruby twitter-bootstrap sass

情况是这样的:

  • 我创建了一个新的Rails应用程序(Rails 4.2.10 - Ruby 2.4.1)

  • 我生成了一个非常简单的脚手架,其中包含几个属性

  • 按照所有说明here安装bootstrap gem。

在此之前一切正常,但当我尝试在@import "some_css"中使用application.scss一些额外的CSS时,我在视图中收到"SyntaxError: Unexpected token ,"错误消息。

我试图将some_css文件放在app/assetsvendor文件夹中,并将它们包含在我的html中,包含stylesheet_link_tag和纯HTML,但是错误仍然存​​在。

这是我第一次收到这个错误,这可能是我眼前非常明显的事情;在这种情况下,我为我融化的大脑道歉 - 我在这个没有希望的黑暗地方。

2 个答案:

答案 0 :(得分:0)

您可能想要使用bootstrap sass gem代替:

在你的gemfile中:

gem 'bootstrap-sass', '~> 3.3.7'

然后在application.scss

@import 'bootstrap-sprockets';
@import 'bootstrap';
@import 'some_css';

如果您需要Bootstrap4 https://github.com/twbs/bootstrap-rubygem#a-ruby-on-rails

,请参阅此内容

答案 1 :(得分:0)

看,我和scss这样的人一起工作过,教我一些远程讲师就像Gemfile

一样
# Use SCSS for stylesheets
gem 'bootstrap-sass', '~> 3.3.6'

然后bundle install然后将application.css重命名为application.css.scss或照常保留此项并创建新的自定义scss文件,例如custom.css.scss并在此

@import "bootstrap-sprockets";
@import "bootstrap";
@import "some_css";

some_css命名就像这个_some_css.css一样,用stylesheets文件夹中的下划线开始文件名,或者如果你在stylesheets文件夹中使用另一个文件夹{ {1}}然后像这样调用

stylesheets/modules

并注意文件,如果没有必要的任何符号