teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

編集

2020/12/30 03:34

投稿

whiwhdiw
whiwhdiw

スコア70

title CHANGED
File without changes
body CHANGED
@@ -1,9 +1,10 @@
1
1
  next.jsの環境にtailwindcssを導入しました。
2
2
  下記のドキュメントを読みながらやりました。事項した手順は下記の通りです。(yarnでインストールしたかったのでnpmではなくyarnでやっています。)
3
3
  しかしtailwindcssが適応されずスタイルが変わらないです。 わかる人いましたらご教授お願いしたいです。
4
+
5
+ **[手順]**
4
6
  ・ yarn add tailwindcss@latest postcss@latest autoprefixer@latestを実行
5
7
  ・ yarn add tailwindcss init -pを実行。 yarn add tailwindcss init -pを実行したがtailwind.config.jsとpostcss.config.jsファイルが作成されなかったのでnpx tailwindcss init -pコマンドで再度実行。(ファイルが作成された)
6
-
7
8
  ・_app.tsx①にimport "tailwindcss/tailwind.css";を追加
8
9
  ・tailwind.config.js②に{ colors: { lime: colors.lime } },を追加
9
10
  ・index.tsx③にbg-lime-800 text-whiteを追加