Vue/Nuxt

【Nuxt】【Vue】This relative module was not found: エラーの解消方法!

あきぞらです。

Nuxt.jsを触っていて、ビルドして動かそうと思ったら、

以下のようなエラーに遭遇しました。

ERROR  Failed to compile with 1 errors
This relative module was not found:
...
* ./TopHeader.vue?vue&type=style&index=0&id=0dd86077&lang=scss&scoped=true& in ./components/TopHeader.vue
» Updated components\TopHeader.vue

気になるのは、この文言です。

This relative module was not found

と疑問になりながら調べてみると、

どうやらそもそもインストールができていなかったようです。

ソースを調べていくと、Sassがインストールできていませんでした。

というわけで、npmSassを下記コマンドでインストールします。

$ npm install sass-loader node-sass

yarnを使う場合は、こちらを実行します。

$ yarn add --dev sass

これでビルドも正常に通りました!

-Vue/Nuxt

Copyright© あきぞらてっく , 2025 All Rights Reserved Powered by AFFINGER5.