Zenn
✨

jQuery,bootstrapがInstallできない

2023/04/29に公開
Bootstrap
jQuery
Rails
Ruby
tech

RailsTutorial8章で発生したエラーの自分用メモを再編集しています。
誰かの参考になるかどうか気にしていません。

$ yarn add jquery@3.4.1 bootstrap@3.4.1

yarn add v1.22.18
error An unexpected error occurred: "/home/ubuntu/package.json: Unexpected string in JSON at position 30".
info If you think this is a bug, please open a bug report with the information provided in "/home/ubuntu/environment/sample_app/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

調べたこと

  • エラー文検索
  • Yarn エラー
  • Yarn コマンド使えない
  • Yarn package.json
  • jQuery Rails インストールできない
  • Webpacker エラー

試したこと

Yarnの再インストール

$ sudo apt-get remove yarn && sudo apt-get purge yarn
$ npm uninstall -g yarn

効いたり効かなかったり。アンインストールができない。

キャッシュクリア

$ yarn cache dir

同じエラー文のまま
Gemfileに書き込む。
反映されない。

エラー文のファイルを開いてみる
ツリーにないので削除できない
ツリーの歯車から「show hidden file」「show favorite file」をチェック

ubuntuのpackage.json,package-lock.json,node_modulesディレクトリを削除

info Direct dependencies
├─ bootstrap@5.1.3
├─ jquery@3.6.0
└─ popper.js@1.16.1
info All dependencies
├─ bootstrap@5.1.3
├─ jquery@3.6.0
└─ popper.js@1.16.1
Done in 7.45s.

インストールできた？っぽいけどbootstrapが反映されない

Pull downがない、ログインユーザーの分岐に失敗

エラー１:include sessionhelper
エラー２:login」undefined method sessioncontroller

書き直してみる

問題のコード（？）

class ApplicationController < ActionController::Base
  include SessionsHelper
end

治ったコード

class ApplicationController < ActionController::Base
  include SessionsHelper
end

同じコードだけどなぜか治った
トータル５～６時間

Discussion