【npm】エラー「Sass Loader has been initialized using an options object that does not match the API schema 」の対処法

こんにちは。YOSHITAKA(@YOSHITA19704216)です。

初心者
Sass Loader has been initialized using an options object that does not match the API schema というエラーが出ているんですが直せますか?

よしたか
学んだことをアウトプットしていきます。

 

この記事を読むことで
  • 「Sass Loader has been initialized using an options object that does not match the API schema 」のエラー解決方法がわかります。

「Sass Loader has been initialized using an options object that does not match the API schema 」の解決方法

問題のエラー文章

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'outputStyle'. 
 - 
ERROR in ./resources/sass/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.

node_modules/css-loaderのエラーです。

解決策

package.jsonのsass-loaderのバージョンが8などはエラーになるので7.1に修正する

npm uninstall --save-dev sass-loader
npm install --save-dev sass-loader@7.1.0
ポイント
  • バージョンの指定がないのでダウングレードをしていくと通ることがある。

解決策2 nodeを入れ直して解決

⑴ 手動で入れる

まずは下記の公式サイトから自分のOSに合わせたnodeをダウンロードしてzipを解凍します。
https://nodejs.org/ja/download/

ポイント
  • バージョンは最新ではなく、推奨版をダウンロードするようにします。

コマンドを打ってインストールします。

//ファイルを消す
rm -rf node_modules && rm package-lock.json

//キャッシュクリア
npm cache clear --force && npm cache clean --force

//インストール・実行
npm install
npm run 〇〇

まとめ

今回は「Sass Loader has been initialized using an options object that does not match the API schema 」のエラー解決方法についてお伝えしました。

 

※プログラミングは習得中ですので、参考程度に記事を読んでください。

あなたは「Web集客」に限界を感じていませんか?

サイトをただ作るだけで満足ですか?

あなたのサービスやコンテンツはとっても有益なものがたくさんあります。

良いコンテンツも埋もれてしまっては全く意味がありません。

正しい知識と実践で、SEO対策はもちろん、ユーザビリティーを考えたサイトを作りませんか?

私と歩めばWebマーケティング知識とWordPressスキルが定着し、サイト回遊率、再訪問がアップします。

しかも、これだけでは終わりません!!

その先の「攻めのメディア」と組み合わせ、あなたのサービスを広めて売上を伸ばしていきます。

サイトを育てて、長い間愛されることのできるWordPressサイトからの集客導線(ゴールデンルート)を一緒に作りませんか?

↓ ↓ ↓ ↓ ↓ ↓ 

おすすめの記事