Web Developer

วิธีแก้ปัญหา npm not recognize บน Windows

เรื่องที่เกี่ยวข้อง - NodeJS

หลายๆ คนอาจจะติดตั้ง Node JS ที่ดาวน์โหลดมาจากที่นี่บน Windows แล้ว แต่พอเข้าใปพิมพ์ใช้งานคำสั่ง npm ในโปรแกรม Command Prompt กลับเจออาการดังด้านล่าง

'npm' is not recognized as an internal or external command, operable program or batch file

บางคนจะเจอปัญหานี้ตอนติดตั้งโปรแกรมในเครื่องเพื่อมาเรียนทำ Mobile App ด้วย PhoneGap/Cordova หรือ Angular JS และ Ionic Framework  กับผม ซึ่งวิธีแก้สามารถทำได้

วิธีแก้ปัญหา ‘npm’ is not recognized

ปัญหานี้ส่วนใหญ่เกิดจากการที่ตัวติดตั้ง Node JS ไม่สามารถเข้าไปเพิ่มค่า path ให้ระบบได้ ทางแก้คือเราต้องเข้าไปเพิ่มด้วยตัวเอง

1. หาที่อยู่ของ Node JS

โดยทั่วไป Node JS จะถูกติดตั้งไว้ในระบบตามตำแหน่งดังนี้

C:Users{ชื่อผู้ใช้}AppDataRoamingnpm

ชื่อผู้ใช้ คือชื่อของ user ที่กำลังใช้งานในปัจจุบันนั่นเอง เช่น user ของผมชื่อ Teerasej ก็จะเป็นดังนี้

C:UsersTeerasejAppDataRoamingnpm

ปกติเราจะไม่เห็น folder ดังกล่าวจาก Windows Explorer เราต้องพิมพ์เข้าไปตรงๆ โดยการเปิด Windows Explorer ขึ้นมาแล้วใส่ path ลงไปแบบภาพตัวอย่าง และกด Enter

get into nodejs folder via windows explorer

ถ้าเจอ folder ดังกล่าวก็ให้ copy path ใน Windows Explorer เตรียมไว้เลย

2. เปิดเข้าไปที่ Environment Variables

เปิดเข้าไปใน System ของ Windows แล้ว คลิกเข้าไปที่ Advanced system settings

Setup Windows Phone SDK for PhoneGap Cordova - 2 - Advanced System Setting

คลิกเข้าไปที่ Environment Variables

Setup Windows Phone SDK for PhoneGap Cordova - 3 - Environment Variables

จากนั้นในส่วนของ User Variables เลือก Path และกดปุ่ม Edit

Path in User variables

3. เพิ่ม path ของ Node JS เข้าไปใน User Variables

เราจะเพิ่ม path ที่เรา copy มาลงไปใน Variable Values ซึ่งต้องมีเครื่องหมาย ; ก่อนที่จะใส่ลงไปเช่น

;C:UsersTeerasejAppDataRoamingnpm

แล้วกด ok ออกมา

Edit User Variables

 

4. บันทึกค่า และปิดเปิดโปรแกรม Command Prompt ใหม่

จากนั้นให้ลองปิด และเปิดโปรแกรม Command Prompt เพื่อให้โปรแกรมอ่านค่าใหม่เข้าไป

แล้วลองพิมพ์ npm  แล้วกด enter

ปัญหา npm is not recognized น่าจะหายไปแล้ว

npm command

เปิดอบรมสร้าง Cross Platform Mobile Application ด้วย Ionic Framework

เหมาะสำหรับคนทำเว็บ, เริ่มต้น JavaScript ES6 และ Angular เข้าใจง่าย, ใช้ได้จริง

สอบถาม หรือติดต่อจัดอบรมโทร 083-071-3373

โปรหน้าฝน! เรียนรอบสด รับคอร์สออนไลน์มูลค่ากว่า 5800 บาทฟรี!

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save