我尝试通过安装bootstrap和jQuery来创建一个rails应用程序。
rails new name--css bootstrap
但是它不起作用,所以我用它手动操作。
我也试过使用esbuild,但在控制台打印的情况下,它不起作用。这里是我试过的YouTube link。
因此,问题是如何在不使用webpacker的情况下将jQuery安装到rails7应用程序中
问题是现在bootstrap和JavaScript可以工作,但jQuery不行。
这是我的文件
x一个一个一个一个x一个一个二个一个x一个一个三个一个
所有这些创建了一个控制器,并添加一些基本的 Bootstrap ,JavaScript和jquery代码来测试它是否工作,但JavaScript和 Bootstrap 都工作。jQuery是工作时,添加ajax. googleapi链接到HTML页面。但这不是一个好的做法。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
因此,问题是如何在rails 7应用程序中安装jQuery而不使用webpacker。
并且还尝试使用
rails new app -j esbuild --css bootstrap
yarn add jquery
但它在我的情况下仍然不起作用。有人有解决办法吗
3条答案
按热度按时间yqkkidmi1#
并且还尝试使用
你开始得很好!你只需要一些加法操作
在JQuery库或JQuery脚本之前添加到
app/javascript/application.js
并创建文件
app/javascript/add_jquery.js
:本地文件中的第一行导入库(
add_jquery.js
)第二行和第三行使此库成为全局库
就是这样
而且您不需要
jquery-rails
和bootstrap-sass
宝石x6492ojm2#
这里有一个干净的解决方案,基于this bootstrap tutorial,我用同样的原理添加了jquery. sprockets用于css文件,不需要js. webpacker,node,yarn等的importmap。
在
Gemfile
中:在
app/assets/stylesheets/application.scss
中(注意文件后缀应该是.scss
,而不是.css
;如果需要,更改后缀):在
config/initializers/assets.rb
中:在
config/importmap.rb
中:在
app/javascript/application.js
中:安装gem,清理旧资产,重新启动服务器,它应该可以工作。
cu6pst1q3#
我设法让它工作起来。我正在使用以下版本的ruby和rails:
我使用以下gem来添加Bootstrap(它允许我在.scss文件中调用标准的bootstrap类和颜色变量):
使用以下application.js配置:
使用.scss样式表(包括将application.css重命名为application.scss),并将以下导入添加到使用引导标准类和颜色变量的自定义.scss样式表中:
并向importmap.rb添加以下行:
并将以下行添加到manifest.js
请注意(据我所知),由于以下gem(我认为是默认的,但也列在我的gem文件中),Rails 7在没有wepback的情况下工作(也不需要使用esbuild之类的东西):