忘却のTech

主に自分用に技術備忘録を書きます(忘れるので)

Gatsby.jsでbuildしたときにStyled-Componentsのスタイルが適用されないときの解決方法

Gatsbyでサイトを作成中、一旦ビルドして確認しようと思っていたら、Styled-Componentsが適用されないという事件が発生しました。 gatsby developでは問題なかったので、大丈夫だと思っていたのですが、、、

このIssueの内容を読んで解決しました。。

github.com

解決

私の場合、Styled-ComponentsのGatsbyプラグインを入れていなかったので、それをgatsby-config.jsに設定して解決できました。 (存在を知らなかった)

babel-plugin-styled-componentsもお忘れなく。

www.gatsbyjs.com

数時間無駄にしましたね~。笑

おわり。