Rails执行Yarn add jquery后未添加至package.json和yarn.lock求助

一、解决jQuery未出现在package.json/yarn.lock的问题 #

• 确认命令执行目录：必须在Rails项目的根目录下执行yarn add jquery，否则Yarn不会更新当前项目的依赖文件。
• 验证Yarn可用性：运行yarn --version，如果命令报错，先全局安装Yarn：npm install -g yarn，确保Yarn能正常工作。
• 清理并重新安装依赖：
  1. 删除项目根目录下的node_modules文件夹
  2. 删除yarn.lock文件（若存在）
  3. 执行yarn install重新同步现有依赖
  4. 再次执行yarn add jquery，此时package.json和yarn.lock应该会出现jQuery相关条目
• 适配Rails 7+的前端配置：如果你的项目是Rails 7及以上版本，默认可能使用Importmap管理前端依赖而非Yarn。此时应执行bin/importmap pin jquery来添加jQuery，而非yarn add。可通过检查项目根目录是否存在config/importmap.rb文件来确认是否使用Importmap。

二、修正Bulma的配置步骤 #

• Gemfile格式调整：将Gemfile中的两个gem拆分为两行（同一行的写法会导致Bundle无法正确识别）：

  gem 'bulma-rails', '~> 0.9.4'
  gem 'bulma-extensions-rails', '~> 1.0.30'
  

• 样式文件扩展名修正：将app/assets/stylesheets/application.css重命名为application.scss，因为@import是Sass语法，普通.css文件不支持该导入方式。修改后再添加：

  @import 'bulma';
  @import 'bulma-extensions';
  

• 生效配置：执行bundle install后，重启Rails服务器，确保资产加载生效。

内容的提问来源于stack exchange，提问作者Nguyencuc2320