django-tailwind導入時のCommandError

Djangoでtailwind cssを使おうと考えたとき、django-tailwindという便利そうなライブラリがあることを知りました。

https://github.com/timonweb/django-tailwind

普通にtailwind cssインストールしても良かったのですが、どうせならとdjango-tailwindのドキュメントに従ってインストール手順を進めていました。

ところが、Tailwind CSS の依存関係をインストールするコマンドでエラーとなったので解消方法を残しておきます。

事象

Windows環境でdjango-tailwindをインストールして利用する際、python manage.py tailwind installを実行すると以下のようなCommandErrorが発生しました。

CommandError: 
It looks like node.js and/or npm is not installed or cannot be found.

Visit https://nodejs.org to download and install node.js for your system.

If you have npm installed and still getting this error message, set NPM_BIN_PATH variable in settings.py to match path of NPM executable in your system.        

Example:
NPM_BIN_PATH = "/usr/local/bin/npm"

npmのパスが見つからないと言われているので追加する必要があります。

対応

setting.pyに以下を追加します。

NPM_BIN_PATH = "C:/Program Files/nodejs/npm.cmd"

手順内に補足がなかったため若干詰まりましたが、エラー文にある通りパスを追加することで解消できました。

ドキュメントはしっかり読もう(自戒)

ここまで書いて気づきましたが、ドキュメントの一番下にPathの記載がありました。

Sometimes (especially on Windows), the Python executable cannot find the npm binary installed on your system. In this case, you need to set the path to the npm executable in settings.py file manually (Linux/Mac):
(日本語約)時々(特に Windows の場合)、Python の実行ファイルがシステムにインストールされている npm バイナリを見つけられないことがあります。 この場合、settings.py ファイルで npm 実行ファイルへのパスを手動で設定する必要があります(Linux/Mac)：

ちゃんと書いてありましたね…インストール手順を上から見てたので気づきませんでした。
まずはドキュメントをしっかり読みましょう。

djangoのプロジェクトを作るたびに毎回詰まりそうなので、tailwind css使う方はお気をつけください。