2

我正在尝试通过安装 bootstrap 和 jQuery 创建一个 rails 应用程序。首先我尝试使用

rails new name--css bootstrap

但它不起作用。所以我手动完成了它。

我也尝试使用 esbuild，但在控制台中打印的情况下它不起作用。这是我尝试过的YouTube 链接。

所以问题是如何在不使用 webpacker 的情况下在 rails 7 应用程序中安装 jQuery

问题是现在 bootstrap 和 JavaScript 可以工作，但 jQuery 不行。

这是我的文件看起来像

// app/assets/stylesheet/application.scss

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

// app/javascript/application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap.min
// require turbolinks
//= require_tree .

# Gemfile

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

在所有这些创建了一个控制器并添加了一些基本的引导程序、JavaScript 和 jquery 代码来测试它是否工作之后，但是 JavaScript 和引导程序都工作了。将 ajax.googleapi 链接添加到 HTML 页面时，jQuery 正在工作。但这不是一个好习惯。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

所以问题是如何在 rails 7 应用程序中不使用 webpacker 安装 jQuery。

并且还尝试使用安装

rails new app -j esbuild --css bootstrap
yarn add jquery

但在我的情况下它仍然不起作用。有没有人有解决办法

4

1 回答 1

4

并且还尝试使用安装

rails new app -j esbuild --css bootstrap

yarn add jquery

你开始吧！您只需要一些附加操作

添加到您app/javascript/application.js之前的 JQuery 库或 JQuery 脚本

import './add_jquery'

并创建文件app/javascript/add_jquery.js：

import jquery from 'jquery'
window.jQuery = jquery
window.$ = jquery

本地文件中的第一行导入库 ( add_jquery.js)

第二和第三行使这个库全球化

而已

你不需要jquery-rails和bootstrap-sass宝石

于 2022-01-31T11:51:16.630 回答