Create-React-App ไม่ได้สร้างเทมเพลตเริ่มต้น

ฉันพยายามที่จะสร้างโครงการใหม่ที่มีแม่แบบ typescript ตามเหล่านี้คำแนะนำ

npx create-react-app app-ui --template typescript

แม้ว่าจะติดตั้งโมดูลโหนดทั้งหมด แต่ก็ไม่ได้สร้างโครงการเริ่มต้นหรือใช้เทมเพลตที่จัดเตรียมไว้ ฉันได้รับข้อความนี้:

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.

ฉันพยายามที่จะทำตามคำแนะนำและลบการติดตั้งทั่วโลกของ cli แต่มันก็ไม่ทำงาน:

 npm uninstall -g create-react-app
 up to date in 0.037s

ไม่ว่าฉันจะทำอะไรฉันไม่สามารถถอนการติดตั้ง cli ได้ เกิดอะไรขึ้น?

แก้ไข:

ฉันสามารถทำให้พีซีทำงานได้บางส่วน

npm remove create-react-app

แล้วก็

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

ฉันลองใช้วงเล็บและแม้ว่าโครงการแม่แบบที่นั่นมันไม่ได้อยู่ใน typescript มีบางอย่างผิดปกติกับ cli ในตอนนี้

แก้ไข:

โพสต์นี้แก้ปัญหาการไม่สามารถถอนการติดตั้ง CLI หวังว่านี้จะช่วยให้ใครบางคนและโปรด upvote OP

สำหรับop: วงเล็บของคุณอยู่นอกสถานที่ สำหรับกรณีของคุณเอกสารเอกสารบอกว่าจะใช้:

npx create-react-app my-app - เทมเพลต [ชื่อเทมเพลต]
- หรือ -
npx create-react-app my-app - เทมเพลตเทมเพลต

สำหรับคนอื่น:

1. ถอนการติดตั้ง ( ฉันอยู่บน linux / ubuntu )

sudo npm uninstall -g create-react-app

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

npx create-react-app my-app

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

sudo chown -R $USER /usr/bin/create-react-app

(... จากนั้นทำคำสั่ง npx)

ฉันแก้ไขปัญหานี้โดย sudo npm uninstall -g create-react-app

แต่นี่ไม่ได้ลบ create-react-app ดังนั้นฉันจึงต้องตรวจสอบว่ามันอยู่ในไดเรกทอรีใด ในเทอร์มินัลหากคุณพิมพ์:

which create-react-app

มันจะให้ไดเรกทอรีบางอย่างเช่น/ usr / local / bin / create-react-app ตอนนี้ทำ:

rm -rf /usr/local/bin/create-react-app

สิ่งนี้จะลบ create-react-app ด้วยตนเอง ตอนนี้คุณสามารถเริ่มสร้างแอปตอบโต้โดยใช้ npx create-react-app my-app

ฉันมีปัญหาเดียวกัน มันใช้งานได้สำหรับฉัน (Linux)

ขั้นตอนที่ 01

sudo npm remove create-react-app

ขั้นตอนที่ 02

sudo npm uninstall -g create-react-app

ขั้นตอนที่ 03

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

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

สร้างเทมเพลต React Startup

1.npx create-react-app your_app_name

2.cd your_app_name

เริ่ม 3.npm

แม้ว่าคุณnpm uninstall -g create-react-app create-react-appจะยังคงติดตั้งอยู่ก็ตาม which create-react-appคุณสามารถตรวจสอบโดยการเรียกใช้ หากเส้นทางถูกส่งคืนcreate-react-appจะยังคงติดตั้ง rm -r ${returned path}คุณสามารถลบโมดูลที่มี หลังจากนั้นการทำงานnpx create-react-app app-ui --template typescriptควรจะทำงานโดยไม่มีข้อผิดพลาดหรือคำเตือน

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

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

หากก่อนหน้านี้คุณได้ติดตั้ง create-react-app ทั่วโลกผ่านการติดตั้ง npm -g create-react-app เราขอแนะนำให้คุณถอนการติดตั้งแพคเกจโดยใช้การถอนการติดตั้ง npm -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
• เส้นด้ายสร้าง react-app-my-app

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

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

• ถอนการติดตั้ง npm -g create-react-app
• แคช NPM สะอาด - บังคับ
• ตรวจสอบแคช NPM
• เส้นด้ายสร้าง react-app-my-app

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

เมื่อฉันดำเนินการ

สวัสดีสร้างแอปตอบกลับ

สร้างเฉพาะโครงสร้างโฟลเดอร์ด้านล่างโดยมีการแจ้งเตือน

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

node_modules
package.json
yarn.lock

ปฏิบัติตามขั้นตอนด้านล่างเพื่อแก้ไข

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

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

หลังจากนั้นฉันพร้อมที่จะสร้างแอปปฏิกิริยาใหม่ผ่าน "npx"

สำหรับรสชาติ ES6 (ค่าเริ่มต้นจะใช้ภาษา ES6)

npx create-react-app สวัสดีโลก

สำหรับรสชาติของ typescript

npx create-react-app hello-world - เทมเพลตตัวพิมพ์

ต่อไปนี้เป็นโครงสร้างโฟลเดอร์หลังจากทำงานบน cmd

README.md
node_modules
package.json
public
src
yarn.lock

เส้นด้ายเริ่ม // ทำงานได้ดี

node: v10.16.0
npm: 6.10.2

โซลูชันของฉันแตกต่างจากของคุณเล็กน้อยดังนั้นฉันจะเพิ่มที่นี่ในกรณีที่มีคนมีปัญหาคล้ายกัน เห็นได้ชัดว่าผมติดตั้งสร้างปฏิกิริยาแอปทั่วโลกด้วยเส้นด้ายที่ฉันจะได้เห็นเมื่อฉันวิ่งซึ่งส่งผลให้ในเส้นทางเช่นwhich create-react-app .../.config/yarn/global/node_modules/.bin/create-react-appการเรียกใช้yarn global remove create-react-appลบแพคเกจนี้แล้วฉันสามารถทำงานได้npx create-react-app app --template typescriptสำเร็จ

1. ติดตั้ง create-react-app

ในตอนแรกเราจะต้องติดตั้งเครื่องมือสร้างแอปปฏิกิริยา เป็นเครื่องมือที่จัดทำโดยผู้สร้าง React.js ซึ่งช่วยให้การติดตั้งพร้อมที่จะใช้แอปพลิเคชัน React.js พร้อมการพึ่งพาที่จำเป็นทั้งหมด ในการติดตั้งเครื่องมือเราต้องใช้คำสั่งต่อไปนี้ในบรรทัดคำสั่ง:

npm install -g create-react-app

2. สร้างแอปพลิเคชัน

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

npx create-react-app reactapp

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

3. เริ่มแอปพลิเคชัน

เริ่มต้นแอพ reactapp ของเราด้วยคำสั่งต่อไปนี้:

cd reactapp
npm start

คำสั่งแรกถูกใช้เพื่อเข้าสู่โฟลเดอร์ของแอปพลิเคชันของเราและคำสั่งที่สองเริ่มแอพของเรา โดยค่าเริ่มต้นแอปพลิเคชันจะเปิดที่ localhost: 3000 แต่เราสามารถเปลี่ยนพอร์ตในการตั้งค่า

ลิงก์: https://dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

Hpe นี้ช่วยได้!

สำหรับผู้ใช้ Windows ให้ทำตามสองขั้นตอน

npm uninstall -g create-react-app

แล้วก็

npx create-react-app jamming

อัปเดตโหนดและ npm ของคุณต่อไปซึ่งเป็นเวอร์ชันที่เสถียรล่าสุด

1. ถอนการติดตั้ง create-react-app โดยใช้คำสั่ง: sudo npm uninstall -g create-react-app

เนื่องจาก npm ไม่สนับสนุนการใช้ทั่วโลกของโมดูล npm

2. ติดตั้ง create-react-app boiler-plate ตามปกติโดยใช้คำสั่ง: npx create-react-app my-app

มันได้ผล!!

ฉันมีปัญหาเดียวกัน ฉันลองสิ่งนี้ npm install -g create-react-app
แล้วทำcreate-react-app app-nameมันออกมาเพื่อฉัน