รายการเบราว์เซอร์เชิงมุม: caniuse-lite ล้าสมัยแล้ว กรุณาเรียกใช้คำสั่งต่อไป `ปรับปรุง npm '

ฉันเพิ่งเริ่มรับข้อผิดพลาดนี้ในโครงการ Angular 8 (โหนด v10.16.0) ฉันกำลังทำงานอยู่ การเรียกใช้การอัปเดต npm รายการเบราว์เซอร์ caniuse-lite ไม่ได้ทำอะไรเลย

ดังนั้นฉันจึงลบ package-lock.json ลบ node_modules และรันการติดตั้ง npm แต่ไฟล์เบราว์เซอร์หายไป อีกครั้งเมื่อฉันรัน ng build ฉันได้รับข้อความเดียวกัน: Browserslist: caniuse-lite ล้าสมัยแล้ว กรุณาเรียกใช้คำสั่งต่อไปnpm update

ฉันเห็นโพสต์นี้ในหัวข้อเดียวกัน: Browserslist: caniuse-lite ล้าสมัยแล้ว กรุณาเรียกใช้คำสั่งถัดไป `ปรับปรุง npm รายการ caniuse-lite browserlist ' แต่มันพูดถึง WebCompiler และ autoprefixer และฉันก็ไม่รู้ว่า กรุณาแนะนำ

แก้ปัญหา caniuse-lite ที่ล้าสมัยโดยใช้คำสั่งด้านล่าง

npm cache clean  # optional
npm install caniuse-lite@latest --save

TLDR: (อาจดูเหมือนเคาน์เตอร์ง่ายโดยไม่มีคำอธิบาย)

  npm install caniuse-lite browserslist
  npm uninstall caniuse-lite browserslist

คำอธิบาย:

ข้อความเตือนนี้ ("canisuse-lite ล้าสมัยโปรด .... ") จะถูกส่งออกโดยสคริปต์ในเบราว์เซอร์รายการระหว่างการสร้าง / เริ่มต้นหากพบว่าเวอร์ชันที่ติดตั้งของ caniuse-lite นั้นเก่ากว่า 2 เวอร์ชั่นจากเวอร์ชั่นปัจจุบัน หากไม่มีสิ่งใดเปลี่ยนแปลงในโครงการของคุณและคุณเห็นข้อความนี้ทันทีเมื่อเริ่มต้นหรือสร้างโครงการของคุณนั่นอาจหมายความว่ามีการอัปเดตเวอร์ชันล่าสุดเป็น caniuse-lite

ขออภัยข้อความข่าวสารที่เบราว์เซอร์ลิสต์แสดงนั้นมีประโยชน์เฉพาะเมื่อคุณติดตั้ง caniuse-lite เพื่ออ้างอิงโครงการของคุณ ส่วนใหญ่แล้วคุณไม่ได้ ดังนั้นเมื่อคุณเรียกใช้ 'npm update caniuse-lite' หรือ 'npm update' caniuse-lite @ ล่าสุด '(หรือ' npm install '), npm จะไม่เห็นแพคเกจนั้นแสดงอยู่ใน package.json ของคุณดังนั้นจึงไม่สนใจ การร้องขอ

แพคเกจเหล่านั้นกลายเป็นอ้างอิงได้อย่างไร? เมื่อโครงการของคุณถูกสร้างขึ้น (อาจมีแอป angularapp หรือ create-react-app หรือคล้ายกันสำหรับกรอบงานของคุณ), ติดตั้งเบราว์เซอร์รายการ NPM เป็นการพึ่งพาเครื่องมือที่จำเป็นไม่ใช่เป็นหนึ่งในการอ้างอิงโครงการของคุณ ในเวลาเดียวกัน, caniuse-lite ถูกติดตั้งเป็นการพึ่งพาของ browserlist ต่อมาเมื่อโครงการได้รับการปรับปรุงไฟล์ package-lock.json ถูกสร้างขึ้นซึ่งล็อคการอ้างอิงทั้งหมดกับรุ่นที่ระบุ

หากคุณสามารถอัพเดตข้อมูลเวอร์ชันในรายการการพึ่งพาใน package-lock.json ดังนั้นการรัน 'npm install' จะอัพเดตแพ็กเกจเหล่านี้ใน node_modules คุณไม่ควรแก้ไข package-lock.json ด้วยตนเอง วิธีที่ดีที่สุดที่จะทำคือ:

1. จัดทำแพ็กเกจเหล่านี้เป็นการชั่วคราวสำหรับโครงการของคุณ:

   npm ติดตั้งรายการเบราว์เซอร์ caniuse-lite

   นอกเหนือจากการอัพเดตแพ็กเกจเป็นเวอร์ชันล่าสุดสิ่งนี้จะอัพเดตรายการการพึ่งพาในทั้ง package.json และ (ที่สำคัญที่สุด) package-lock.json

2. ลบแพ็คเกจเหล่านี้เป็นการอ้างอิงโดยตรงของโครงการของคุณ:

   npm ถอนการติดตั้งรายการ browser-lite ของ browser

   เนื่องจากแพ็กเกจเหล่านี้ถูกใช้โดยการขึ้นต่อกันอื่น ๆ จึงไม่ถูกลบออกจาก node_modules package.json เท่านั้นที่มีการปรับปรุงเพื่อลบออกเป็นการอ้างอิงโครงการ

3. กระทำ package-lock.json ตอนนี้ทุกคนสามารถเรียกใช้ 'การติดตั้ง npm' เพื่อรับแพคเกจที่อัปเดตสองรายการจากรายการการพึ่งพาย่อยใน package-lock.json และหยุดข้อความเตือน