Reactでbootstrapをnpmやyarnでインストールしてもうまく動かなかった際の解決方法

  •  
 
トビウオ2019年10月21日 - 19:00 に投稿

概要

おおよそタイトル通りです。
npx create-react-app sample_app --typescript」などでセットアップし、「yarn add react-bootstrap bootstrap」としてさあ実行だとなった時に スタイルが適用されない といった事故が起きるので、その対策となります。

解決方法

単純に、 App.tsx などルートとなるtsxファイルに、「import 'bootstrap/dist/css/bootstrap.min.css';」を追加するだけです。 別にReactでなくて素のJavaScriptでも通用しますが、公式サイトなどを見ずに書いているとありがちなミスなので備忘録代わりにメモしておきました。

コメントを追加

プレーンテキスト

  • HTMLタグは利用できません。
  • 行と段落は自動的に折り返されます。
  • ウェブページのアドレスとメールアドレスは自動的にリンクに変換されます。
CAPTCHA
この質問はあなたが人間の訪問者であるかどうかをテストし、自動化されたスパム送信を防ぐためのものです。