تم حلها: لا يمكن العثور على رد فعل الوحدة النمطية

قد يكون هناك عدد من الأسباب التي قد تجعلك غير قادر على العثور على وحدة 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 هو مشغل مهام للغة جافا سكريبت. إنه يجعل من السهل أتمتة المهام الشائعة ، مثل تجميع التعليمات البرمجية وتصغيرها وتشغيل الاختبارات وإنشاء الوثائق.

من فوائد استخدام Gulp.js أنه يمكن استخدامه مع أي مشروع JavaScript. نظرًا لأنه متعدد الاستخدامات ، يمكنك استخدامه لتسريع عملية التطوير الخاصة بك أو لإنشاء عمليات إنشاء واختبارات تلقائية لشفرتك البرمجية.

إذا كنت جديدًا على Gulp.js ، فهناك بعض الموارد المتاحة التي ستساعدك على البدء:

بمجرد حصولك على فهم أساسي لكيفية عمل Gulp ، يمكنك البدء في استخدامه لأتمتة عملية التطوير الخاصة بك. على سبيل المثال ، يمكنك استخدامه لتجميع التعليمات البرمجية وتصغيرها تلقائيًا ، وتشغيل اختبارات الوحدة عند كل تغيير ، وإنشاء وثائق من شفرة المصدر الخاصة بك.

ما هو جلب

?

Gulp هي أداة تشغيل مهام لجافا سكريبت تساعدك على أتمتة عملية التطوير الخاصة بك. يمكن استخدامه لتجميع وإدارة الكود المصدري واختبار الوحدة والمزيد.

الحمار٪ 27

Sass هي لغة ورقة أنماط لـ CSS. إنها مجموعة شاملة من CSS ، مما يعني أنها يمكن أن تصمم أكثر من مجرد CSS. يتيح لك Sass كتابة أوراق أنماط معيارية وقابلة لإعادة الاستخدام ، مما يجعل شفرتك أكثر قابلية للصيانة.