Tag: bootstrap sass

使用Rails 4和bootstrap-sass gem无法在Heroku上运行CSS

我已经部署了一个应用程序Heroku有一个问题,我似乎无法弄清楚。 通过Bootstrap-sass的应用程序的CSS不加载,因此我有一个非风格的应用程序。 目前这只是一个静态页面的集合。 我已经在README https://github.com/thomas-mcdonald/bootstrap-sass中一步步走了一步,我无法弄清楚,很可能成为我的问题的步骤如下。 由于Rails中的变化导致无法在vendor和lib中编译图像,因此需要将以下行添加到application.rb中: config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif) 由于我对编程还很陌生,第一个问题是我不知道如何在application.rb文件中添加它。 我将不胜感激,如果有人可以帮助告诉我如何以及在哪里正确添加上面的代码行。 第二个问题可能与我正在使用的gem有关,但是当我创build应用程序时,sass-rails gem被安装了〜> 4.0.0.beta1。 根据自述文件使用的版本是3.2。 由于这也可能是一个问题,我已经包括了gem文件incase任何人确定这是我的问题的根本原因。 预先感谢您提供的任何帮助。 编辑:要添加我在第一次尝试导致样式在我的本地主机上正常工作的步骤,但是没有将代码部署到heroku。 创build了一个新的rails 4应用程序(下面的gem文件) 添加了下面gem文件中列出的bootstrap-sass gem 将PG gem添加到生产组中的gem文件中,并将SQLite3移至开发和testing(运行捆绑安装 – 不执行步骤2和3) 为静态主页创build了一个页面控制器 在主页上的英雄单位添加一个h1,只是为了看看风格是否工作 添加一个styles.css.scss文件,并包含@import'bootstrap'; 到样式表 创buildgit仓库,运行我的初始提交,并将代码推到混帐 创buildheroku应用程序,并推动大师heroku 在第二次尝试时,我在主页上添加了一个导航栏(如果这对任何人都有所帮助),并再次执行步骤7和8,但是在执行这些步骤之前,我运行了以下代码行。 RAILS_ENV=production bundle exec rake assets:precompile 我仍然结束了一个网站,在我的本地主机上有适当的风格,但没有风格在Heroku上工作。 正如我上面在我原来的文章中提到的那样,有一行代码需要添加到application.rb文件中,由于我不了解如何正确地将代码行添加到文件中,所以我没有遵循。 的Gemfile: source 'https://rubygems.org' ruby "2.0.0" # Bundle edge Rails instead: gem 'rails', […]

jQuery没有在bootstrap-sass中定义

我使用angular-cli引导了Angular 2应用程序。 一切都很简单,直到我决定使用bootstrap模态。 我只是复制了我们的另一个不使用angular-cli的项目中打开模式的代码。 我在angular-cli.json文件中将jquery和bootstrap依赖项添加到了脚本中。 jQuery在项目中被识别,但是当我尝试运行this.$modalEl.modal(options)在angular度组件中我得到一个错误, jQuery is not defined 。 其实jQuery是导入到项目,但作为一个全球$ 。 我已经做了一些挖掘,显然引导期望jQuery作为一个“jQuery”variables传递给它。 它不给大鼠的屁股关于$ 。 我可以将jQuery作为webpack.config.js文件中的一个variables来webpack.config.js就像我们在其他项目中webpack.config.js那样:(为简洁起见,省略了许多代码) var jQueryPlugin = { $: 'jquery', jquery: 'jquery', jQuery: 'jquery' } exports.root = root; exports.plugins = { globalLibProvider: new webpack.ProvidePlugin(webpackMerge(jQueryPlugin, { svg4everybody: 'svg4everybody/dist/svg4everybody.js' })) } 但是angular-cli dev团队决定不让其他开发者干涉webpackconfiguration文件。 多谢你们! 非常想你。 我试过直接导入jQuery到Angular组件和一些其他的东西在这里提到https://github.com/angular/angular-cli/issues/3202 (添加导入到vendor.ts文件,然后添加vendor.ts脚本数组在angular-cli.json),但没有任何工作。 说实话,我很生气,这样一个微不足道的问题,如添加jquery依赖关系,在angular度cli bootstrap使用是这样一个雷区。 你有没有处理类似的问题?