เมื่อคุณใช้งาน Gulp คุณอาจเห็นข้อผิดพลาดที่ระบุว่า "ไม่พบโมดูลอึก-sass"
ข้อความแสดงข้อผิดพลาดนี้หมายความว่า Gulp กำลังพยายามเรียกใช้ฟังก์ชันจากแพ็คเกจ gulp-sass แต่ไม่สามารถระบุตำแหน่งได้
หากคุณได้รับข้อผิดพลาดที่น่ารำคาญ ต่อไปนี้คือวิธีแก้ไขบางประการที่คุณสามารถใช้เพื่อกำจัดมัน
ตรวจสอบโฟลเดอร์ node_modules ของคุณ
เมื่อคุณติดตั้งแพ็คเกจ npm npm จะสร้าง node_modules โฟลเดอร์ในรูทโปรเจ็กต์ของคุณ นอกจากนี้ยังจะเพิ่มแพ็คเกจที่คุณได้ติดตั้งลงใน package.json และ package-lock.json ไฟล์.
คุณสามารถยืนยันได้ว่ามีการติดตั้งแพ็คเกจโดยตรวจสอบให้แน่ใจว่าอยู่ใน package . ของคุณ และ package-lock.json ไฟล์. และตรวจสอบ node_modules . ของคุณอีกครั้ง เพื่อให้แน่ใจว่าแพ็คเกจนั้นอยู่ในโฟลเดอร์ย่อยที่นั่น
สุดท้าย ตรวจสอบให้แน่ใจว่าคุณกำลังเรียกใช้เว็บไซต์หรือเว็บแอปจากโฟลเดอร์รูทของโปรเจ็กต์ และโฟลเดอร์รูทนั้นมี node_modules โฟลเดอร์เป็นโฟลเดอร์ย่อยโดยตรง ถ้า node_modules โฟลเดอร์ไม่อยู่ในตำแหน่งนั้น อาจทำให้เกิดข้อผิดพลาดนี้ได้
ติดตั้งโมดูล gulp-sass ด้วยตนเอง
หากคุณไม่เห็น gulp-sass แพ็คเกจใน node_modules . ของคุณ หรือยังคงมีปัญหาอยู่ คุณสามารถลองติดตั้งแพ็คเกจใหม่ได้
ขั้นแรก เปิด package.json . ของคุณ และ package-lock.json ไฟล์และลบการอ้างอิงใด ๆ ไปยัง gulp-sass และ node-sass ที่คุณเห็น เพื่อให้แน่ใจว่าคุณจะติดตั้งแพ็กเกจเวอร์ชันล่าสุดอีกครั้ง
จากนั้นเรียกใช้ npm install gulp-sass หรือ npm install gulp-sass --save-dev เพื่อติดตั้งและบันทึกใน package.json ไฟล์. เพิ่ม --save-dev แฟล็กจะเพิ่มแพ็คเกจไปยัง devDependencies ของ package.json . ของคุณ ไฟล์.
ถ้าคุณไม่เพิ่มแฟล็ก แฟล็กจะถูกเพิ่มใน dependencies ส่วนของไฟล์. โดยเฉพาะอย่างยิ่งถ้าคุณเพิ่งทำงานในพื้นที่ ไม่สำคัญว่าคุณจะใช้ส่วนใด ดังนั้นให้ปฏิบัติตามการตั้งค่าของคุณเอง
โปรดทราบว่าการดำเนินการนี้จะติดตั้งแพ็กเกจในโฟลเดอร์โปรเจ็กต์ของคุณ และแพ็กเกจจะเข้าถึงได้จากโปรเจ็กต์นั้นเท่านั้น คุณยังสามารถติดตั้งแพ็คเกจทั่วโลกบนคอมพิวเตอร์ของคุณ เพื่อให้สามารถเข้าถึงได้จากไดเร็กทอรีอื่น ๆ
คุณสามารถทำได้โดยเพิ่มโกลบอล (-g ) ตั้งค่าสถานะเป็น install คำสั่งเช่นนี้ npm install -g gulp-sass .
อย่างไรก็ตาม ฉันมักจะติดตั้งแพ็คเกจในเครื่องของโปรเจ็กต์ ฉันจะติดตั้ง gulp-cli ทั่วโลก แต่อย่างอื่นฉันแค่เก็บไว้ในท้องถิ่น
ลบและติดตั้งแพ็คเกจ npm ใหม่ทั้งหมดอีกครั้ง
หากเพียงแค่ลบและติดตั้งใหม่เพียงแค่ gulp-sass แพ็คเกจใช้งานไม่ได้ คุณสามารถลองลบและติดตั้งแพ็คเกจ npm ทั้งหมดของคุณใหม่ได้
ขั้นแรก ตรวจสอบให้แน่ใจว่าแพ็คเกจทั้งหมดที่คุณต้องการในโครงการของคุณมีอยู่ใน package.json ไฟล์. ตรวจสอบให้แน่ใจด้วยว่า gulp-sass มีอยู่ใน package.json . ของคุณ ไฟล์.
จากนั้น ลบ node_modules . ของคุณ โฟลเดอร์ คุณสามารถทำได้โดยลบออกจาก file explorer หรือเรียกใช้ rm node_modules ในบรรทัดคำสั่ง หากคุณพบข้อผิดพลาดหรือปัญหาในการลบโฟลเดอร์ คุณสามารถลองติดตั้งแพ็คเกจ npm ชื่อ rimraf ซึ่งช่วยในการลบ
ฉันติดตั้ง rimraf ทั่วโลกบนคอมพิวเตอร์ของฉัน เพื่อให้สามารถเรียกใช้จากไดเร็กทอรีใดก็ได้ คุณติดตั้ง rimraf ได้ทั่วโลกโดยเรียกใช้ npm install -g rimraf . จากนั้น คุณสามารถลองลบโฟลเดอร์โดยเรียกใช้ rimraf node_modules จากบรรทัดคำสั่ง root ของโปรเจ็กต์
หากคุณยังคงมีปัญหาหรือได้รับข้อผิดพลาดเช่น node_modules\@types is not accessible คุณอาจต้องปิด VS Code ก่อนหรือตัวแก้ไขโค้ดใดก็ตามที่คุณใช้อยู่ จากนั้นลองลบโฟลเดอร์อีกครั้ง
เมื่อคุณลบ node_modules . สำเร็จแล้ว โฟลเดอร์ เรียกใช้ npm install จากรูทโปรเจ็กต์ของคุณเพื่อติดตั้งแพ็กเกจทั้งหมดที่คุณระบุไว้
