ノードの対応するバージョンに関する簡単な説明 node-sass sass-loader

ノードの対応するバージョンに関する簡単な説明 node-sass sass-loader

node-sassとnodeのバージョンが一致しているかどうかを確認する

ノード -v

具体的な対応バージョンは以下のとおりです。

ここに画像の説明を挿入

画像は https://github.com/sass/node-sass より

ノードのバージョンが一致しない、ノードをアップグレードまたはダウングレードする

nvm を使用してノードのバージョンを管理および切り替える

nvm-window をインストールします https://github.com/coreybutler/nvm-windows。Win10 はデフォルトでシステム環境とユーザー環境を追加します。コマンドラインで nvm を使用できない場合は、自分で環境を追加する必要があります

画像を使用して、nvmインストールディレクトリ内のsettings.txtファイルを見つけます。

ノードミラー: https://npm.taobao.org/mirrors/node/
ミラー: https://npm.taobao.org/mirrors/npm/

nvm 経由で node.js をインストールして使用する
nvm の install コマンドを使用して、さまざまなバージョンの node.js をインストールします。たとえば、node.js のバージョン 12.1.0 をインストールするには、次のようにします。

nvm 12.1.0 をインストール

特定のバージョンに切り替えるには、次のような use コマンドを使用します。

nvm 12.1.0 を使用する

切り替えが完了したら、node -v と npm -v を入力すると、使用したいバージョンに切り替わっていることがわかります。
5. インストールされているノードのバージョンと使用中のバージョンを確認する

nvm ls 

ここに画像の説明を挿入

node-sass バージョンの不一致

プロジェクト環境で実行

npm アンインストール node-sass
npm install node-sass@バージョン番号 --save-dev 

node-sassとsass-loaderのバージョンが一致しているか確認する

以下は、特定のBaiduに対応するバージョン番号です。

sass-loader 4.1.1、ノード sass 4.3.0
sass-loader 7.0.3、ノード sass 4.7.2
sass-loader 7.3.1、ノード sass 4.7.2
sass-loader 7.3.1、ノード sass 4.14.1

プロジェクト環境で実行

npm アンインストール node-sass sass-loader
npm install sass-loader@バージョン番号node-sass@バージョン番号--save-dev //対応するバージョンをインストールします

これで、node node-sass sass-loader バージョン対応問題に関するこの記事は終了です。より関連性の高い node node-sass sass-loader バージョン対応コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • Vue で sass を使用し、sass-loader のバージョンが高すぎるために発生するコンパイル エラーを解決する
  • vue cli4 が sass-loader (v8) をアップグレードした後に発生するエラー問題を解決する
  • sass-loader と node-sass 間のバージョン競合を解決する方法

<<:  Ubuntu 20.04 では、隠し録音ノイズ低減機能が有効になります (推奨)

>>:  MySQLで日付と時刻を照会する方法

推薦する

CentOS7 環境での DHCP 設定チュートリアル

目次CentOS7環境での設定コマンド手順1. DHCP設定ファイルを設定する2. グローバル構成を...

ElementUI の el-dropdown に複数のパラメータを実装する方法

最近、業務上のボタンの増加により、ページレイアウトにボタンが多すぎて、ページが美しくなく、ユーザーエ...

インデックスを設計する際の原則は何ですか? インデックスの障害を回避するにはどうすればよいでしょうか?

目次主キーインデックス頻繁にクエリされるフィールドのインデックスを作成する大きなフィールドのインデッ...

Ubuntu 18.04 で apt-get ソースを変更する方法

apt-get を使用してインストールすると、非常に遅くなります。国内のソースを変更すると、この問題...

JS 非同期スタック トレース: await が Promise よりも優れている理由

概要async/await と Promise の基本的な違いは、await fn() は現在の関数...

新しい CSS display:box プロパティの詳細な説明

1. ディスプレイボックス;要素にこのプロパティを設定すると、display:inline-bloc...

Uniappの小規模プログラム開発経験

1. 新しいUIプロジェクトを作成するまず、私たちの UI は ColorUI に基づいています。C...

JavaScript 高度なカスタム例外

目次1. コンセプト1.1 エラーと例外とは何ですか? 1.2 異常の分類2. 例外処理2.1try...

CentOS での MySQL ワークベンチのインストールと設定のチュートリアル

この記事では、MySQL Workbenchのインストールと設定のチュートリアルを参考までに紹介しま...

XHTML コードで Marquee タグを使用する方法

フォーラムで、ネットユーザーの jeanjean20 が、Marquee を標準に適合させる方法につ...

ウェブデザインにおけるカラーマッチングの優れた例30選

本日は、色彩の応用に関する優れた事例を 30 件集めて、皆さんにご紹介したいと思います。これらの事例...

Linuxコマンド履歴の調整方法の詳細な説明

Linux システムの bash history コマンドは、以前に実行したコマンドを記憶し、再入力...

nginx で仮想ホストを構成するための詳細な手順

仮想ホストは、インターネット上で実行されているサーバー ホストを複数の「仮想」ホストに分割する特殊な...

MySQL フラッシュリストとダーティページフラッシュメカニズム

1. レビューMySQL の起動後にバッファ プールが初期化されます。バッファ プールは N 個の空...

CSSは、入力ボックスのフローティングテキスト効果を実現するために、placeholder-shown疑似クラスを使用します。

この記事では、:placeholder-shown 疑似クラスを使用して、純粋な CSS で浮動疑問...