解決済み: モジュール 'sass' 反応が見つかりません

Sass モジュールが見つからない理由はいくつか考えられます。 まず、マシンにインストールされていない可能性があります。 次に、React が使用するものとは異なるバージョンの Sass を探している可能性があります。 第三に、モジュールが React と互換性がない可能性があります。 最後に、使用しようとしたときにモジュールがロードされていない可能性があります。

-native

I'm trying to use SASS in my react native project. I installed node-sass and added the following line to my package.json file:
<code>"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    "sass": "node-sass --watch app/styles -o app/styles"  //&lt;-- this line is new!
  },</code> 
When I run <code>npm run sass</code>, I get the following error: <code>Error: Cannot find module 'sass'</code>. What am I doing wrong?

上記のコードは、React Native プロジェクトで SASS スタイルシート プリプロセッサを使用しようとしています。 最初に SASS をインストールする必要があります。これはノード パッケージ マネージャー (npm) で実行できます。 SASS がインストールされると、上記のコードはスクリプトをプロジェクトの package.json ファイルに追加し、npm で実行して SASS ファイルを CSS にコンパイルします。 ただし、スクリプトを実行すると、SASS モジュールが見つからないというエラーが発生します。 これは、スクリプトのタイプミスか、古いバージョンの SASS が使用されていることが原因である可能性があります。

gulp.js

Gulp.js は、JavaScript 言語のタスク ランナーです。 コードのコンパイルと縮小、テストの実行、ドキュメントの生成など、一般的なタスクを簡単に自動化できます。

Gulp.js を使用する利点の XNUMX つは、任意の JavaScript プロジェクトで使用できることです。 非常に用途が広いため、開発プロセスをスピードアップしたり、コードの自動ビルドおよびテストを作成したりするために使用できます。

Gulp.js を初めて使用する場合は、使用を開始するのに役立つリソースがいくつかあります。

Gulp がどのように機能するかについて基本的な理解が得られたら、Gulp を使用して開発プロセスを自動化できます。 たとえば、コードを自動的にコンパイルおよび縮小し、すべての変更で単体テストを実行し、ソース コードからドキュメントを生成するために使用できます。

Gulp とは

?

Gulp は、開発プロセスの自動化に役立つ JavaScript のタスク ランナーです。 コンパイルとソース コード管理、単体テストなどに使用できます。

'お尻%27

Sass は CSS のスタイルシート言語です。 これは CSS のスーパーセットであり、CSS 以外にもスタイルを設定できることを意味します。 Sass を使用すると、モジュール式で再利用可能なスタイルシートを記述できるため、コードをより保守しやすくなります。

関連記事：

コメント