Academic テーマで hugo server すると TOCSS のエラーが出る
自分のポートフォリオサイトを作りました。こちらです。
https://segurvita.github.io/
こちらの記事を参考にさせていただき、Hugo + GitHub Pagesを使ってみました。
【初心者向け】Hugo + GitHub Pagesで静的なポートフォリオを作る
こちらの記事にも登場する Academic というテーマを使ってみようとしたところ、 hugo server
コマンドで以下のエラーが発生しました。
$ hugo server
Building sites … ERROR 2019/05/06 15:22:40 error: failed to transform resource: TOCSS: failed to transform "main_parsed.scss" (text/x-scss): this feature is not available in your current Hugo version, see https://goo.gl/YMrWcn for more information
Total in 70 ms
Error: Error building site: logged 1 error(s)
今回はこのエラーの解消について書きます。
エラーが出た環境
エラーが出たのはWindowsのPCです。Macでは出ませんでした。バージョンは以下の通りです。
- OS: Windows 10 64bit
- Chocolatey: v0.10.13
- Hugo: v0.55.5-A83256B9 windows/amd64
Chocolateyというのは、Windowsのパッケージ管理ソフトです。MacでいうところのHomebrewです。
以下のコマンドでHugoをインストールしました。
choco install hugo
Academic テーマのインストールは、こちらの公式サイトの Install with Git
を参考にしました。
以下の手順です。
git clone https://github.com/sourcethemes/academic-kickstart.git My_Website
cd My_Website
git submodule update --init --recursive
これで、あとは hugo server
をすれば、Academic テーマが適用されたサイトが構築されるはずでしたが、ここで、先ほどのエラーが発生しました!
ちなみに、Macでは発生しませんでした!Macだけでなく、Windowsでも作業がしたかったので、原因を調査しました。
Hugo Extended が必要だった
エラー文言に https://goo.gl/YMrWcn への案内があるので、見てみました。ずばり TOCSS
に関するFAQがありました。どうやら Hugo の extended
version というのが必要のようです。
Chocolatey のパッケージを調べたところ、 Hugo Extended
というのが見つかりました。以下のサイトです。
Chocolatey / Hugo Extended
Hugo Extended をインストールして再挑戦する
以下のコマンドでインストールできます。管理者権限が必要です。
choco install hugo-extended
ここで再度、サーバーを起動してみます。
$ hugo server
Building sites …
| EN
+------------------+----+
Pages | 39
Paginator pages | 0
Non-page files | 1
Static files | 6
Processed images | 1
Aliases | 5
Sitemaps | 1
Cleaned | 0
Total in 508 ms
今度は無事に起動しました!
さいごに
WindowsとMacでHugoの挙動が微妙に違うというのが知れて良かったです。