質問編集履歴
1
編集
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を追加
|