node-sassとnode-gypを使わずにNode.jsでSassファイルをコンパイルする方法

2024-04-02

Node.jsでnode-sassとnode-gypを使っていて、Pythonが見つからずエラーが発生する場合の解説

エラーメッセージ例

gyp ERR! find Python - not found: python2
gyp ERR! find Python - not found: python
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1

原因

この問題は以下の原因によって発生します。

Pythonがインストールされていない
node-gypがPythonを見つけられない
node-sassまたはnode-gypのバージョンが古い
環境変数PATHの設定が間違っている

解決策

この問題を解決するには、以下の方法を試してください。

Pythonがインストールされていない場合は、以下のリンクからPythonをダウンロードしてインストールしてください。

node-gypがPythonを見つけられない場合は、以下の方法でPATH環境変数にPythonのパスを追加する必要があります。

Windowsの場合
1. コントロールパネルを開き、「システム」を選択します。
2. 「システムの詳細設定」をクリックします。
3. 「環境変数」タブをクリックします。
4. 「システム環境変数」の「Path」変数を選択して「編集」ボタンをクリックします。
5. Pythonのインストールフォルダのパスを追加して、「OK」ボタンをクリックします。
Macの場合
1. ターミナルを開きます。
2. 以下のコマンドを実行します。

echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.bash_profile

node-sassまたはnode-gypのバージョンが古い場合、以下のコマンドを実行して最新バージョンに更新してください。

npm update node-sass node-gyp

環境変数PATHの設定が間違っている場合、node-gypがPythonを見つけることができません。PATH変数には、Pythonのインストールフォルダのパスが含まれていることを確認してください。

上記の方法で解決できない場合は、以下の情報を調べてみてください。

使用しているNode.jsのバージョン
オペレーティングシステム

これらの情報を調べて、問題を解決するためのヒントが得られるかもしれません。

// main.js

// node-sassのインポート
const sass = require('node-sass');

// Sassファイルのコンパイル
sass.render({
  file: './style.scss',
  outputStyle: 'compressed'
}, function(err, result) {
  if (err) {
    console.error(err);
    return;
  }

  // コンパイルされたCSSを出力
  console.log(result.css);
});