Q&A
コマンドyarn addを実行した後localhost3000にアクセスすると、レイアウトが適応されていない状態になってなっていました。(これまではレイアウトは正常でした。)を疑った方がいいでしょうか？
ログを見る限りsassのコンパイルができていないのが原因だと思うのですが、やはりyarn add
この問題の対応として、yarn remove ~をしてyarn add ~をなかったことにしようとしたのですがこれもうまくいってません。
ご示唆お願いできれば幸いです。
ログ Board % yarn add jquery@3.4.1 bootstrap@3.4.1 yarn add v1.22.5 [1/4] ???? Resolving packages... [2/4] ???? Fetching packages... [3/4] ???? Linking dependencies... warning " > webpack-dev-server@3.11.2" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0". warning "webpack-dev-server > webpack-dev-middleware@3.7.3" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0". [4/4] ???? Building fresh packages... success Saved lockfile. success Saved 2 new dependencies. info Direct dependencies ├─ bootstrap@3.4.1 └─ jquery@3.4.1 info All dependencies ├─ bootstrap@3.4.1 └─ jquery@3.4.1 ✨ Done in 5.75s.
rails s時のログは以下のとおりです
ログ Board % rails s => Booting Puma => Rails 6.0.3.6 application starting in development => Run `rails server --help` for more startup options Puma starting in single mode... * Version 4.3.7 (ruby 2.7.1-p83), codename: Mysterious Traveller * Min threads: 5, max threads: 5 * Environment: development * Listening on tcp://127.0.0.1:3000 * Listening on tcp://[::1]:3000 Use Ctrl-C to stop Started GET "/" for ::1 at 2021-05-02 10:26:46 +0900 (3.1ms) SET NAMES utf8, @@SESSION.sql_mode = CONCAT(CONCAT(@@sql_mode, ',STRICT_ALL_TABLES'), ',NO_AUTO_VALUE_ON_ZERO'), @@SESSION.sql_auto_is_null = 0, @@SESSION.wait_timeout = 2147483 (0.4ms) SELECT `schema_migrations`.`version` FROM `schema_migrations` ORDER BY `schema_migrations`.`version` ASC Processing by TopController#index as HTML User Load (0.4ms) SELECT `users`.* FROM `users` WHERE `users`.`id` = 1 ORDER BY `users`.`id` ASC LIMIT 1 Rendering top/index.html.erb within layouts/application Rendered top/index.html.erb within layouts/application (Duration: 1.3ms | Allocations: 184) [Webpacker] Compiling... [Webpacker] Compilation failed: Hash: b98ba43ff027b49cf821 Version: webpack 4.46.0 Time: 4308ms Built at: 2021/05/02 10:26:52 Asset Size Chunks Chunk Names js/application-e0cb3c6734718bbc5ee9.js 2.12 MiB application [emitted] [immutable] application js/application-e0cb3c6734718bbc5ee9.js.map 2.21 MiB application [emitted] [dev] application manifest.json 364 bytes [emitted] Entrypoint application = js/application-e0cb3c6734718bbc5ee9.js js/application-e0cb3c6734718bbc5ee9.js.map [./app/javascript/channels sync recursive _channel.js$] ./app/javascript/channels sync _channel.js$ 160 bytes {application} [built] [./app/javascript/channels/index.js] 211 bytes {application} [built] [./app/javascript/packs/application.js] 874 bytes {application} [built] [./app/javascript/stylesheets/application.scss] 664 bytes {application} [built] [./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./app/javascript/stylesheets/application.scss] ./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/stylesheets/application.scss 304 bytes {application} [built] [failed] [1 error] [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 905 bytes {application} [built] [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 552 bytes {application} [built] + 129 hidden modules ERROR in ./app/javascript/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/stylesheets/application.scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): @import '~bootstrap/scss/bootstrap'; ^ File to import not found or unreadable: ~bootstrap/scss/bootstrap. in /Users/yuto/rails_app/Board/app/javascript/stylesheets/application.scss (line 8, column 1) @ ./app/javascript/stylesheets/application.scss 2:26-228 @ ./app/javascript/packs/application.js Rendered partial/_header.html.erb (Duration: 1.2ms | Allocations: 375) Completed 200 OK in 6458ms (Views: 6422.8ms | ActiveRecord: 4.1ms | Allocations: 16921)
yarn remove ~を実行した時のログ
Board % yarn remove jquery@3.4.1 bootstrap@3.4.1 yarn remove v1.22.5 [1/2] ???? Removing module jquery@3.4.1 bootstrap@3.4.1... error This module isn't specified in a package.json file. info Visit https://yarnpkg.com/en/docs/cli/remove for documentation about this command.
あなたの回答
tips
プレビュー
