เมื่อฉันพิมพ์create-react-app my-appคำสั่งใน terminal ของฉันก็จะปรากฏขึ้นในการทำงาน - การดาวน์โหลดห้องสมุดประสบความสำเร็จ ฯลฯ ตอนท้ายของกระบวนการว่า template was not providedแต่ฉันได้รับข้อความว่าเป็น

อินพุต

user@users-MacBook-Pro-2 Desktop% create-react-app my-app

เอาท์พุต

Creating a new React app in /Users/user/Desktop/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
..... nothing out of the ordinary here .....
✨  Done in 27.28s.

A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.

ใน package.json ของmy-app:

"dependencies": {
  "react": "^16.12.0",
  "react-dom": "^16.12.0",
  "react-scripts": "3.3.0" <-- up-to-date
}

ฉันตรวจสอบการเปลี่ยนแปลง CRA และดูเหมือนว่ามีการเพิ่มการสนับสนุนสำหรับแม่แบบกำหนดเอง - แต่ดูเหมือนว่าคำสั่งcreate-react-app my-appจะมีการเปลี่ยนแปลง

ความคิดใด ๆ ที่เกิดขึ้นที่นี่?

หากคุณเคยติดตั้งcreate-react-appทั่วโลกมาก่อนหน้านี้ผ่านnpm install -g create-react-appเราขอแนะนำให้คุณถอนการติดตั้งแพคเกจโดยใช้npm uninstall -g create-react-appเพื่อให้แน่ใจว่าnpxใช้เวอร์ชันล่าสุดเสมอ

เอกสาร

ใช้หนึ่งในคำสั่งด้านล่าง:

• npx create-react-app my-app
• npm init react-app my-app
• yarn create react-app my-app

1)

npm uninstall -g create-react-app

หรือ

yarn global remove create-react-app

2)

ดูเหมือนว่าจะมีข้อผิดพลาดที่ create-react-app ไม่ถูกถอนการติดตั้งอย่างถูกต้องและใช้คำสั่งใหม่อย่างใดอย่างหนึ่งนำไปสู่:

ไม่มีการระบุเท็มเพลต อาจเป็นเพราะคุณกำลังใช้แอป create-react-app รุ่นที่ล้าสมัย

หลังจากถอนการติดตั้งด้วยnpm uninstall -g create-react-appตรวจสอบว่าคุณยังมี "ติดตั้ง" ด้วยwhich create-react-app(Windows:) where create-react-appในบรรทัดคำสั่งของคุณ หากมันคืนค่าบางอย่าง (เช่น/ usr / local / bin / create-react-app ) ให้ทำการrm -rf /usr/local/bin/create-react-appลบด้วยตนเอง

3)

จากนั้นหนึ่งในวิธีเหล่านี้:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app

แม้ว่าจะมีคำตอบมากมายอยู่ที่นี่แล้ว ฉันคิดวิธีแก้ปัญหา 3 ข้อที่ฉันใช้ทีละขั้นตอนเมื่อฉันเผชิญกับสถานการณ์นี้

ขั้นตอนแรก:จากคู่มืออย่างเป็นทางการ

หากก่อนหน้านี้คุณได้ติดตั้ง create-react-app ทั่วโลกผ่านnpm install -g create-react-appเราขอแนะนำให้คุณถอนการติดตั้งแพคเกจโดยใช้npm uninstall -g create-react-appเพื่อให้แน่ใจว่า npx ใช้เวอร์ชันล่าสุด

https://create-react-app.dev/docs/getting-started

คุณสามารถใช้คำสั่งเหล่านี้ด้านล่าง:

• npx create-react-app my-app
• npm init react-app my-app
• yarn create react-app my-app

ขั้นตอนที่สอง (หากขั้นตอนแรกไม่ทำงาน):

บางครั้งมันอาจเก็บแคชจากนั้นคุณสามารถใช้คำสั่งเหล่านี้ด้านล่าง

• npm uninstall -g create-react-app
• npm cache clean --force
• npm cache verify
• yarn create react-app my-app

ขั้นตอนที่สาม: (หาก 2 เหล่านี้ใช้งานไม่ได้) ถอนการติดตั้งครั้งแรกผ่านทางnpm uninstall -g create-react-appให้ตรวจสอบว่าคุณยังมี "ติดตั้ง" พร้อมwhich create-react-appคำสั่งในบรรทัดคำสั่งของคุณหรือไม่ หากคุณมีสิ่งที่ต้องการ ( / usr / local / bin / create-react-app ) จากนั้นเรียกใช้rm -rf /usr/local/bin/create-react-app(โฟลเดอร์อาจแตกต่างกัน) เพื่อลบด้วยตนเอง จากนั้นติดตั้งอีกครั้งผ่าน npx / npm / yarn

NB : ฉันประสบความสำเร็จในขั้นตอนสุดท้าย

ถอนการติดตั้งครั้งแรก create-react-app ทั่วโลกโดยคำสั่งนี้:

npm uninstall -g create-react-app

จากนั้นในไดเรกทอรีโครงการของคุณ:

npm install create-react-app@latest

ในที่สุด:

npx create-react-app my-app

หากต้องการเพิ่มคำตอบให้มากขึ้น:

ด้วยการเปิดตัวใหม่ของ create-react-appคุณสามารถสร้างแอพใหม่โดยใช้เทมเพลตที่กำหนดเอง มีเทมเพลตสองแบบให้เลือก:

• cra แม่แบบ
• CRA-แม่แบบ typescript

การใช้งาน :

npx create-react-app my-app [--template typescript]

รายละเอียดเพิ่มเติมของการเปลี่ยนแปลงล่าสุดใน create-react-app :

https://github.com/facebook/create-react-app/releases/tag/v3.3.0

ฉันก็มีปัญหาเดียวกัน เมื่อฉัน trid npm init react-app my-appคำสั่งจะส่งคืนข้อความเดียวกัน

ไม่มีการระบุเท็มเพลต อาจเป็นเพราะคุณกำลังใช้แอป create-react-app รุ่นที่ล้าสมัย

แต่

yarn create react-app my-app คำสั่งทำงานได้ดี

สิ่งนี้ใช้ได้สำหรับฉัน

1. npm uninstall -g create-react-app
2. npx create-react-app my-app

1. npm install -g create-react-app ในพีซีของคุณ
2. สร้างโครงการตอบโต้อีกครั้งด้วย npx create-react-app my-app

สองขั้นตอนเหล่านี้ทำงานสำหรับฉัน

1) ถอนการติดตั้ง react-app ทั่วโลกด้วยคำสั่งนี้

npm uninstall -g create-react-app

2) ติดตั้งแอปปฏิกิริยาในโฟลเดอร์โครงการด้วยคำสั่งนี้

npx create-react-app project-name

"หากคุณเคยติดตั้ง create-react-app ทั่วโลกผ่านทาง npm install -g create-react-app เราขอแนะนำให้คุณถอนการติดตั้งแพ็กเกจโดยใช้ npm uninstall -g create-react-app เพื่อให้แน่ใจว่า npx ใช้รุ่นล่าสุดเสมอ "

นี่คือรายงานที่ https://create-react-app.dev/docs/getting-started/ https://create-react-app.dev/docs/getting-started/สำหรับฉันมันไม่ทำงาน ฉันต้องติดตั้ง create-react-app ใหม่ทั่วโลกแทน

ขั้นตอนของฉันเพื่อแก้ไขปัญหานี้คือ:

1. ถอนการติดตั้ง npm -g create-react-app
2. npm install -g create-react-app
3. npx create-react-app my-app

ล้างแคช npm ของคุณก่อนจากนั้นใช้ไหมพรมดังนี้:

• npm cache clean --force
• npm cache verify
• yarn create react-app my-app

ฉันหวังว่านี่จะช่วยได้.

แก้ไข

... คุณอาจต้องการลองต่อไปนี้หลังจากที่ฉันได้ตรวจสอบปัญหานี้เพิ่มเติม:

1. npm uninstall -g create-react-app
2. yarn global remove create-react-app
3. which create-react-app - ถ้ามันคืนบางสิ่ง (เช่น / usr / local / bin / create-react-app) ให้ทำ rm -rf / usr / local / bin / create-react-app เพื่อลบด้วยตนเอง
4. npm cache clean --force
5. npm cache verify
6. npx create-react-app@latest

ขั้นตอนเหล่านี้ควรลบการติดตั้ง create-react-app ที่ติดตั้งทั่วโลกจากนั้นคุณลบไดเรกทอรีเก่าที่เชื่อมโยงกับสคริปต์สร้าง ดังนั้นจึงเป็นความคิดที่ดีที่จะล้างแคช npm ของคุณเพื่อให้แน่ใจว่าคุณไม่ได้ใช้แอป create-react-version รุ่นแคชใด ๆ สร้างแอป reactjs ใหม่ด้วย@latestตัวเลือกดังนี้:npx create-react-app@latestตัวเลือกเช่นดังนั้น:มีความสับสนอย่างมากเกี่ยวกับปัญหานี้ที่ไม่มีการสร้างเทมเพลตเมื่อใช้ npx create-react-app หากคุณทำตามขั้นตอนที่ฉันได้กล่าวไว้ข้างต้น (1-6) ฉันหวังว่าคุณจะประสบความสำเร็จ

PS

หากฉันต้องการสร้างแอป react ในไดเรกทอรีชื่อ client ฉันจะพิมพ์คำสั่งต่อไปนี้ใน terminal:

npx creacte-react-app@latest ./client

โชคดี.

ตัวเลือกทั้งหมดไม่ทำงานสำหรับฉันใน MacOS สิ่งที่ได้ผลคือ 3 ขั้นตอนดังต่อไปนี้:

1. ลบโหนดออกจาก: / usr / local / bin /

แล้วก็

2. ติดตั้งโหนดใหม่: https://nodejs.org/en/

แล้วก็

3. ติดตั้ง react: npx create-react-app my-app ติดตามได้ที่: https://create-react-app.dev/

ดังนั้นฉันผ่านขั้นตอนทั้งหมดที่นี่ แต่ไม่ช่วย

TLDR; วิ่งnpx --ignore-existing create-react-app

ฉันใช้ Mac ด้วย Mojave 10.15.2

CRA ไม่ได้ติดตั้งทั่วโลก - ไม่พบ/usr/local/lib/node_modulesหรือ/usr/local/binไม่พบ

จากนั้นฉันก็พบกับความคิดเห็นนี้เกี่ยวกับปัญหา GitHub การรันคำสั่งด้วย--ignore-existingแฟล็กช่วย

npx create-react-app@latest your-project-name

ทำงานให้ฉันหลังจากลองคำตอบทั้งหมดหวังว่าจะสามารถช่วยใครบางคนในอนาคต

สำหรับ Linux มันใช้งานได้สำหรับฉัน

sudo npm uninstall -g create-react-app
npx create-react-app my-test-app

TLDR: ถอนการติดตั้งแพคเกจทั่วโลกใช้และสร้างใหม่ตอบสนองการใช้แอพพลิเคnpm uninstall -g create-react-appnpx create-react-app app

ปัญหา

คุณกำลังใช้รุ่นเก่ากว่าcreate-react-appที่คุณติดตั้งไว้ทั่วโลกโดยใช้ npm create-react-appคำสั่งเรียกใช้แพคเกจระดับโลกครั้งนี้

คุณจะได้รับการยืนยันว่าคุณกำลังใช้รุ่นเก่าโดยการทำงานnpm outdated -g create-react-appหรือการเปรียบเทียบกับcreate-react-app --versionnpm view create-react-app

ความจริงที่ว่ารุ่นของreact-scriptsเป็นรุ่นล่าสุดไม่มีอะไรเกี่ยวข้องกับรุ่นของแพ็คเกจที่กำลังเริ่มต้นแอพ ( create-react-app) ซึ่งคว้ารุ่นล่าสุดของแพ็คเกจที่ใช้ (react-scriptsในกรณีนี้)

สารละลาย

หากคุณต้องการที่จะดำเนินการโดยใช้คำสั่งคุณจะต้องอัปเดแพคเกจทั่วโลกใช้create-react-app npm update -g create-react-appโปรดทราบว่าคุณจะต้องดำเนินการนี้เป็นระยะเพื่อให้ทันสมัย คุณจะสังเกตได้ว่าcreate-react-appไม่แนะนำสิ่งนี้ (ระบุไว้ในบันทึกจากการติดตั้งของคุณ)

แนวทางที่ดีกว่าคือการลบการติดตั้งทั่วโลกทั้งหมด ( npm uninstall -g create-react-app) และใช้แทนnpxเพื่อที่จะคว้าแพ็คเกจรุ่นล่าสุดทุกครั้ง (รายละเอียดเพิ่มเติมเกี่ยวกับnpxด้านล่าง)

คุณควรยืนยันว่ามันถูกถอนการติดตั้งทั่วโลกโดยพยายามที่จะใช้create-react-appเพื่อให้แน่ใจว่าคำสั่ง "ไม่พบ"

มีปัญหาเกี่ยวกับการถอนการติดตั้งหรือไม่

which create-react-appคุณสามารถแก้ปัญหาที่ได้รับการติดตั้งโดยใช้ หากคุณมีปัญหาในการถอนการติดตั้งคุณอาจมีหลายโหนด / npm บนเครื่องของคุณ (จากการติดตั้งหลายครั้งหรือเนื่องจากคุณใช้ตัวจัดการเวอร์ชันโหนดเช่นnvm) นี่เป็นปัญหาแยกต่างหากที่ฉันจะไม่พูดถึง แต่จะมีข้อมูลในคำตอบนี้

วิธีการทางนิวเคลียร์อย่างรวดเร็วจะเป็นการลบอย่างแรง ( rm -rf) ที่เส้นทางที่which create-react-appส่งคืน

เสริม

แพ็กเกจโกลบอล npm และnpxคำสั่ง

$ NPM_PACKAGE_NAME จะใช้แพ็คเกจรุ่นที่ติดตั้งไว้ทั่วโลกเสมอไม่ว่าคุณจะอยู่ในไดเรกทอรีใด

$ npx NPM_PACKAGE_NAME จะใช้แพ็คเกจเวอร์ชันแรกที่พบเมื่อค้นหาจากไดเรกทอรีปัจจุบันไปยังรูท:

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

ข้อมูลเพิ่มเติมเกี่ยวกับ npx สามารถพบได้ในคำตอบนี้

ใช้npxกับcreate-react-app

create-react-appมีคำสั่ง / นามแฝงพิเศษบางอย่างเพื่อสร้างแอปตอบโต้ (แทนnpx) ที่เฉพาะเจาะจงกับแพคเกจนั้น ( yarn create react-app, npm init react-app) แต่npx create-react-appจะทำงานเช่นเดียวกับที่ทำกับแพ็คเกจอื่น ๆ

yarnเทียบกับการnpmติดตั้งทั่วโลก

Yarn เก็บการติดตั้งทั่วโลกไว้ในโฟลเดอร์npmอื่นซึ่งเป็นสาเหตุที่yarn create react-appจะทำงานได้ทันทีโดยไม่ต้องถอนการติดตั้งแพ็กเกจ npm ทั่วโลก (เท่าที่เกี่ยวข้องกับเส้นด้ายแพ็คเกจยังไม่ได้ติดตั้ง)

นี่เป็นเพียงวิธีการแก้ปัญหาชั่วคราวเนื่องจากคุณจะต้องจำไว้ว่าให้ใช้ไหมพรมแทนการใช้เวลา 23.00 น. ทุกครั้งเมื่อใช้แอป Create React

นี่เป็นการแก้ไขปัญหาของฉัน

ขั้นตอน:

1. ถอนการติดตั้งแอป create-react

npm uninstall -g create-react-app

2. ตอนนี้ใช้

npx create-react-app my-app

สิ่งนี้จะสร้างเทมเพลตสำหรับคุณโดยอัตโนมัติ

ปัญหานี้ไม่ได้รับการแก้ไขเช่นนี้ปัญหาอยู่ในอินสแตนซ์ต่าง ๆ ของโหนดลองลบ create-react-app ทั่วโลกจากนั้นลบ node_modules และ package-lock.json จากผู้ใช้รูทของคุณ

มันใช้งานได้สำหรับฉัน!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

หากคุณมีการติดตั้งก่อนหน้านี้create-react-appทั่วโลกผ่านทางnpm install -g create-react-appดีกว่าที่จะถอนการติดตั้งโดยใช้npm uninstall -g create-react-app

ถอนการติดตั้งครั้งแรก create-react-app

npm uninstall -g create-react-app

จากนั้นเรียกใช้yarn create react-app my-appหรือnpx create-react-app my-app

จากนั้นเรียกใช้yarn create react-app my-appหรือnpx create-react-app my-appอาจยังทำให้เกิดข้อผิดพลาด

ไม่มีการระบุเท็มเพลต นี่อาจเป็นเพราะคุณกำลังใช้ create-react-app รุ่นที่ล้าสมัยโปรดทราบว่าการติดตั้งทั่วโลกของ create-react-app ไม่ได้รับการสนับสนุนอีกต่อไป

สิ่งนี้อาจเกิดขึ้นเนื่องจากการจ่ายเงิน ดังนั้นวิ่งต่อไป

npm cache clean --force 

จากนั้นเรียกใช้

npm cache verify

ตอนนี้มันชัดเจนแล้ว ตอนนี้ทำงาน

yarn create react-app my-app หรือ npx create-react-app my-app

ตอนนี้คุณจะได้รับสิ่งที่คุณคาดหวัง!

ฉันแก้ไขปัญหานี้บนMacโดยถอนการติดตั้งcreate-react-appจาก global npm lib นั่นคือสิ่งที่กล่าวไว้เพียงลองทำคุณต้องทำsudoดังนี้:

sudo npm uninstall -g create-react-app

จากนั้นเรียกใช้:

npx create-react-app my-app-name

ตอนนี้ควรจะดีและได้รับโครงสร้างโฟลเดอร์ดังนี้

การใช้คำสั่งnpm uninstall -g create-react-appไม่ได้ผลสำหรับฉัน

แต่สิ่งนี้ได้ผล:

yarn global remove create-react-app

แล้ว:

npx create-react-app my-app

งานนี้สำหรับฉัน:

ลองถอนการติดตั้ง create-react-app ทั่วโลกโดยคำสั่งนี้:

npm uninstall -g create-react-app

หลังจากนั้นในไดเรกทอรีโครงการของคุณ:

npm install create-react-app@latest

ในที่สุด:

npx create-react-app my-app

สำหรับ typescript:

npx create-react-app my-app --template typescript

ปัญหาประหลาดเช่นนี้เพราะมันทำงานกับฉันเมื่อวานนี้และฉันเจอข้อผิดพลาดเดียวกันเมื่อเช้านี้ จากบันทึกย่อประจำรุ่นจะมีการเพิ่มคุณสมบัติใหม่เพื่อสนับสนุนเทมเพลตดังนั้นจึงดูเหมือนว่าบางส่วนมีการเปลี่ยนแปลงในบรรทัดคำสั่ง (ตัวอย่างเช่น--typescriptเลิกใช้งานแทนการใช้--template typescript)

ฉันจัดการเพื่อให้ทุกอย่างทำงานโดยทำสิ่งต่อไปนี้:

1. ถอนการติดตั้ง global create-react-app npm uninstall create-react-app -gถอนการติดตั้งทั่วโลกสร้างปฏิกิริยาแอป
2. ตรวจสอบแคช npm npm cache verifyตรวจสอบแคช
3. ปิดสถานี ฉันใช้ terminal mac ถ้าใช้ IDE อาจปิดและเปิดใหม่
4. เปิดเทอร์มินัลอีกครั้งเรียกดูที่ที่คุณต้องการโครงการของคุณและเรียกใช้ create-react-app ผ่าน npx โดยใช้แบบแผนคำสั่งเทมเพลตใหม่ เพื่อให้มันใช้งานได้ฉันใช้ typescript my-app จากเว็บไซต์เอกสารเพื่อให้แน่ใจว่า:npx create-react-app my-app --template typescript

หากใช้งานได้คุณจะเห็นการติดตั้งหลายรายการ: รายการหนึ่งสำหรับปฏิกิริยาสคริปต์และอีกรายการสำหรับเทมเพลต ข้อความแสดงข้อผิดพลาดไม่ควรปรากฏขึ้นอีก

npm uninstall -g create-react-app อาจเป็นคำตอบในบางกรณี แต่ไม่ใช่ในของฉัน

คุณควรลบ create-react-app ของคุณที่อยู่ที่~/.node/bin/หรือ/usr/bin/(เพียงแค่พิมพ์which create-react-appและลบออกจากสถานที่ที่คุณเห็นการใช้งานrm -rf) ถัดไปเพียงแค่เรียกใช้npm i -g create-react-appต่อไปเพียงแค่เรียกใช้

หลังจากนั้นcreate-react-appจะทำงานอย่างถูกต้อง

สิ่งนี้ใช้ได้ผลสำหรับฉัน 1. ก่อนถอนการติดตั้ง create-react-app ทั่วโลกโดยคำสั่งนี้:

npm uninstall -g create-react-app

หากคุณยังคงมีการติดตั้งก่อนหน้านี้โปรดลบโฟลเดอร์ที่เรียกว่าแอพของฉันอย่างสมบูรณ์ (ตรวจสอบให้แน่ใจว่าไม่มีโปรแกรมที่ใช้โฟลเดอร์นั้นรวมถึงเทอร์มินัลหรือ cmd promt ของคุณ)

2. จากนั้นในไดเรกทอรีโครงการของคุณ:

npm install create-react-app@latest

3.finally:

npx create-react-app my-app

หลังจากใช้คำสั่งนี้:

yarn global upgrade create-react-app

ฉันลองแล้ว:

yarn create-react-app my-app but it didn't work for me.

สิ่งนี้ใช้ได้ผล:

npx create-react-app my-app 

สำหรับ Windows 10 ฉันต้องลบบางโฟลเดอร์ในแคชของเส้นด้ายด้วยตนเองเส้นทางของฉันเป็นอะไรที่คล้ายC:\Users\username\AppData\Local\Yarn\Cache\v1ๆnpm-create-react-app-1.0.0-1234567890abcdef

ฉันมีปัญหาเดียวกัน & ฉันได้ติดตั้ง "create-react-app" ไว้ในเครื่องของฉันแล้ว มีข้อผิดพลาด:

"ไม่มีเทมเพลตอาจเป็นเพราะคุณใช้แอพสร้างแบบตอบโต้โปรดรุ่นเก่าโปรดทราบว่าการติดตั้งแบบทั่วโลกของแอพสร้างแบบตอบโต้ไม่ได้รับการสนับสนุนอีกต่อไป"

จากนั้นฉันลบการติดตั้งก่อนหน้าโดยใช้คำสั่งนี้

ถอนการติดตั้ง npm -g create-react-app

จากนั้นติดตั้งแอป react ใหม่

npx create-react-app new-app

ลองเรียกใช้เทอร์มินัลของคุณในฐานะผู้ดูแลระบบ ฉันมีปัญหาเดียวกันและไม่มีอะไรช่วยนอกจากเปิดเทอร์มินัลในฐานะผู้ดูแลระบบจากนั้นทำ nAppx create-react-app yourAppName