היום נתקלתי בבעיה חדשה שניסיתי לקנפג לפרויקט חדש ספריית node-sass שמאפשרת לכם ליצור קבצי scss לפרויקט הריאקטי שלכם. להלן השגיאות שקיבלתי בניסיונותי לסדר את הבעיה. אז אם גם לכם יצא להתקין node-sass וקיבלתם שגיאות יש מצב שהפוסט הזה הולך לעזור לכם. השגיאה שלרוב מקבלים היא:
./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss)
Node Sass version 6.0.0 is incompatible with ^4.0.0 || ^5.0.0.
לשגיאה הזו יש כמה פתרונות מוצאים לי אישית פתרון הראשון סידר את הבעיה.
אפשרות הראשונה
למחוק את הnode-sass
npm uninstall node-sass
ואז להתקין sass
npm install sass
לי זה פתר את הבעיה.
אפשרות שניה
יש הרבה שאמרו שזה פתר להם את הבעיה . לי זה לא עזר.
npm rebuild node-sass
לי זה לא עזר
אפשרות שלישית
דרך נוספת שקראתי היא לבחור גרסת node-sass ספציפית ונאמר כי זה יפתור את הבעיה.
npm uninstall node-sass
npm install [email protected]
לי זה לא עזר
לקח לי זמן לפתור את זה אם לומר את האמת. ניסיתי את כל האפשרויות ולא עבד לי כלום . קיבלתי גם שגיאה נוספת שקשורה לפייטון, התקנתי גרסת פייטון עדכנית על המחשב, ורק אז זה הסתדר. בהתחלה יצרתי פרויקט react ts שאולי זה גם משהו שגרם לבעיה. בסופו של דבר מה שעשיתי זה ככה:
- גרסת פייטון עדכנית על המחשב (לא מאמין שזה קשור אבל עדיין אציין את זה)
- עדכנתי פרויקט חדש react נקי ללא type script
- עדכנתי node-sass … מה שלא עבד אז עשיתי את האפשרות הראשונה.
- עדכנתי type script לתוך הפרויקט . בעזרת הפקודה הזו:
npm install –save typescript @types/node @types/react @types/react-dom @types/jest
וזהו הבאג נפתר ואפשר להמשיך לבנות את הפרויקט. מקווה שחסכתי לכמה מפתחים קצת מכאב הראש. 😆
