Επιλύθηκε: δεν είναι δυνατή η εύρεση της ενότητας 'sass' react

Μπορεί να υπάρχουν διάφοροι λόγοι για τους οποίους ενδέχεται να μην μπορείτε να βρείτε τη λειτουργική μονάδα Sass. Πρώτον, μπορεί να μην είναι εγκατεστημένο στο μηχάνημά σας. Δεύτερον, μπορεί να είναι ότι ψάχνετε για μια διαφορετική έκδοση του Sass από αυτή που χρησιμοποιεί το React. Τρίτον, μπορεί η λειτουργική μονάδα να μην είναι συμβατή με το 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?

Ο παραπάνω κώδικας προσπαθεί να χρησιμοποιήσει τον προεπεξεργαστή φύλλου στυλ SASS με ένα έργο React Native. Πρώτα πρέπει να εγκατασταθεί το SASS, κάτι που μπορεί να γίνει με τον διαχειριστή πακέτων κόμβου (npm). Μόλις εγκατασταθεί το SASS, ο παραπάνω κώδικας προσθέτει μια δέσμη ενεργειών στο αρχείο package.json του έργου που μπορεί να εκτελεστεί με npm για τη μεταγλώττιση αρχείων SASS σε CSS. Ωστόσο, όταν εκτελείται το σενάριο, παρουσιάζεται ένα σφάλμα που λέει ότι δεν είναι δυνατή η εύρεση της λειτουργικής μονάδας SASS. Αυτό μπορεί να οφείλεται σε τυπογραφικό λάθος στο σενάριο ή σε μια παλιά έκδοση του SASS που χρησιμοποιείται.

Gulp.js

Το Gulp.js είναι ένα πρόγραμμα εκτέλεσης εργασιών για τη γλώσσα JavaScript. Καθιστά εύκολη την αυτοματοποίηση κοινών εργασιών, όπως η μεταγλώττιση και η ελαχιστοποίηση κώδικα, η εκτέλεση δοκιμών και η δημιουργία τεκμηρίωσης.

Ένα από τα πλεονεκτήματα της χρήσης Gulp.js είναι ότι μπορεί να χρησιμοποιηθεί με οποιοδήποτε έργο JavaScript. Επειδή είναι πολύ ευέλικτο, μπορείτε να το χρησιμοποιήσετε για να επιταχύνετε τη διαδικασία ανάπτυξής σας ή για να δημιουργήσετε αυτοματοποιημένες εκδόσεις και δοκιμές για τον κώδικά σας.

Εάν είστε νέοι στο Gulp.js, υπάρχουν μερικοί διαθέσιμοι πόροι που θα σας βοηθήσουν να ξεκινήσετε:

Αφού αποκτήσετε μια βασική κατανόηση του τρόπου λειτουργίας του Gulp, μπορείτε να αρχίσετε να το χρησιμοποιείτε για να αυτοματοποιήσετε τη διαδικασία ανάπτυξής σας. Για παράδειγμα, θα μπορούσατε να το χρησιμοποιήσετε για να μεταγλωττίσετε και να ελαχιστοποιήσετε αυτόματα τον κώδικά σας, να εκτελέσετε δοκιμές μονάδας σε κάθε αλλαγή και να δημιουργήσετε τεκμηρίωση από τον πηγαίο κώδικα.

Σε τι χρησιμεύει το Gulp

?

Το Gulp είναι ένα πρόγραμμα εκτέλεσης εργασιών για JavaScript που σας βοηθά να αυτοματοποιήσετε τη διαδικασία ανάπτυξής σας. Μπορεί να χρησιμοποιηθεί για τη μεταγλώττιση και τη διαχείριση πηγαίου κώδικα, τη δοκιμή μονάδων και πολλά άλλα.

'κώλος%27

Το Sass είναι μια γλώσσα φύλλου στυλ για CSS. Είναι ένα υπερσύνολο του CSS, που σημαίνει ότι μπορεί να διαμορφώσει κάτι περισσότερο από απλά CSS. Το Sass σάς επιτρέπει να γράφετε αρθρωτά και επαναχρησιμοποιήσιμα φύλλα στυλ, κάνοντας τον κώδικά σας πιο διατηρήσιμο.