3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

rails チュートリアル5.1.2のcustom.scssのbootstrapがインポートできない時の解決策

Posted at

assets:precompileをどこかのタイミングでやってしまい、ずっとcustom.scssの

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

が反映されず、詰っていたので解決策を記しておきます。
(先にページのスーパーリロードを試してみてください。Shift+リロードボタンでできます。)

環境

・Windows11Home
・WSL2
・Ubuntu 22.04.3 LTS

結論

sample_app/public/にあるassetsというディレクトリを消したら無事反映されました。
(sample_appはrailsチュートリアル中に作ったプロダクト名)

bundle exec exec rails assets:cleanの実行。
②sample_app/tmp/cache/assetsの削除。(assetsのディレクトリごと削除rm -r assets
③sample_app/public/にあるassetsというディレクトリを消す。

①と②に関してはやらなくても反映できるみたいですけど、念のためやっておきました。

ちなみにapp/assets/stylesheetsにはチュートリアル通りに進めていると、
application.css と custom.scssの二つのファイルしかないはずなので、余分な他のファイルがある場合は消しましょう。

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?