LoginSignup
9
2

More than 3 years have passed since last update.

Academic テーマで hugo server すると TOCSS のエラーが出る

Posted at

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の挙動が微妙に違うというのが知れて良かったです。

9
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
2