Template tidak disediakan menggunakan aplikasi create-react-app

298

Ketika saya mengetik create-react-app my-appperintah di terminal saya, sepertinya berhasil - mengunduh semua pustaka dengan sukses dll. Pada akhir proses itu, namun saya mendapatkan pesan bahwa a template was not provided.

Memasukkan

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

Keluaran

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.

Dalam package.json dari my-app:

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

Saya memeriksa changelog CRA dan sepertinya dukungan telah ditambahkan untuk templat khusus - namun sepertinya perintah tidak create-react-app my-appakan berubah.

Adakah yang tahu apa yang terjadi di sini?

SamYoungNY
sumber
7
rumornya adalah bahwa paket global tidak begitu panas lagi. coba 'npm init react-app my-app'
Tim Wilson
12
Perbarui juga pemasangan Anda
Tim Wilson
11
Terima kasih - apa yang akhirnya bekerja (menggunakan Benang) adalah meningkatkan CRA dengan: yarn global upgrade create-react-app- lalu melakukanyarn create react-app my-app
SamYoungNY
Saya mendapat masalah yang sama pada mesin windows
Max Carroll
apa yang berhasil bagi saya ketika semua saran di sini gagal lakukan locate create-react-appdan menghapus semua direktori yang ada create-react-appdalam nama. Barulah npx create-react-appakhirnya bekerja secara normal lagi untuk saya.
Kai Carver

Jawaban:

355

Jika sebelumnya Anda telah menginstal create-react-appsecara global npm install -g create-react-app, kami sarankan Anda menghapus instalasi paket npm uninstall -g create-react-appuntuk memastikan bahwa npxselalu menggunakan versi terbaru.

Documents

Gunakan salah satu dari perintah di bawah ini:

  • npx create-react-app my-app
  • npm init react-app my-app
  • yarn create react-app my-app
Latha Eshappa
sumber
21
Saya pikir npm uninstall -g create-react-app dan npx create-react-app my-app akan bekerja. Tapi entah bagaimana npx masih membuat proyek tanpa template. Apakah cache membuat-reaksi-aplikasi entah bagaimana di-cache? Saya pikir memiliki instalasi global cra akan ditinggalkan. Saya harus memperbarui create-react-app -g sebelum menggunakan npx.
Robin Wieruch
126
jika Anda masih memiliki kesalahan yang sama setelah itu npm uninstall -g create-react-app, masukkan which create-react-appdi konsol Anda. Jika mengembalikan sesuatu seperti /usr/local/bin/create-react-app, maka lakukan rm -rf /usr/local/bin/create-react-appuntuk menghapus secara manual.
v42
13
Ini bukan IMHO pendekatan yang baik. mengapa kita harus mengunduh dan menjalankan hal-hal setiap kali alih-alih memiliki salinan lokal? Buang-buang bandwidth dan cara yang sangat baik untuk mengeksekusi kode acak dari internet dan suatu hari bisa diretas .... Cukup instal ulang seperti saya lakukan npm install create-react-app -gsolusi saya berarti Anda pada akhirnya akan mendapatkan kesalahan ini lagi tetapi orang tidak boleh menjalankan kode arbitrer dari web dan harus dapat tetap pada versi tertentu jika mereka memilihnya ....
Rodrigo Graça
7
akhirnya berhasil untuk templat naskah npm uninstall -g create-react-app sudo rm -rf /usr/local/bin/create-react-app npx create-react-app newapp --template typescript
CyberProdigy
2
gunakan ini npm list -g --depth=0untuk melihat apakah buat-reaksi-aplikasi terdaftar dalam paket simpul yang diinstal Jika ya, jalankan npm uninstall -g create-react-appuntuk menghapus instalasi.
Claude De-Tchambila
59

1)

npm uninstall -g create-react-app

atau

yarn global remove create-react-app

2)

Tampaknya ada bug di mana create-react-app tidak dihapus dengan benar dan menggunakan salah satu dari perintah baru mengarah ke:

Template tidak disediakan. Ini kemungkinan karena Anda menggunakan versi buat-reaksi-aplikasi yang ketinggalan zaman.

Setelah menghapus dengan npm uninstall -g create-react-app, periksa apakah Anda masih "diinstal" dengan which create-react-app(Windows where create-react-app:) di baris perintah Anda. Jika mengembalikan sesuatu (mis. / Usr / local / bin / create-react-app ), maka lakukan rm -rf /usr/local/bin/create-react-appuntuk menghapus secara manual.

3)

Maka salah satu dari cara ini:

npx create-react-app my-app
npm init react-app my-app
yarn create react-app my-app
Robin Wieruch
sumber
5
Saya harus menghapus folder instalasi, npm uninstall create-react-app -g tidak bekerja
artfulbeest
2
$ echo '#! / bin / sh'> / usr / local / bin / create-react-app $ echo 'gema gunakan benang buat-reaksi-app sebagai gantinya'> / usr / local / bin / create-react-app $ chmod 0700 / usr / local / bin / create-react-app
Jason FB
1
Di Windows, Anda bisa menggunakan perintah wherealih-alihwhich
Vinicius
41

Padahal sudah banyak jawaban ada di sini. Saya datang dengan 3 solusi yang saya terapkan langkah demi langkah ketika saya menghadapi situasi ini.


Langkah pertama: Dari manual Resmi,

Jika sebelumnya Anda telah menginstal create-react-app global npm install -g create-react-app, kami sarankan Anda menghapus paket menggunakan npm uninstall -g create-react-appuntuk memastikan bahwa npx selalu menggunakan versi terbaru.

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

Anda dapat menggunakan perintah di bawah ini:

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

Langkah kedua (Jika langkah pertama tidak berhasil):

Kadang-kadang mungkin menyimpan cache. Maka Anda dapat menggunakan perintah ini diberikan di bawah ini.

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

Langkah ketiga: (Jika 2 ini tidak berfungsi) uninstall dulu npm uninstall -g create-react-app, kemudian periksa apakah Anda masih "diinstal" dengan which create-react-appperintah pada baris perintah Anda. Jika Anda mendapatkan sesuatu seperti ( / usr / local / bin / create-react-app ) maka jalankan ini rm -rf /usr/local/bin/create-react-app(folder dapat bervariasi) untuk menghapus secara manual. Kemudian instal kembali melalui npx / npm / benang.

NB : Saya berhasil di langkah terakhir.

Moshiur Rahman
sumber
2
Ini berhasil untuk saya. Terima kasih.
Promise Preston
Ini bekerja untuk saya di MacOS.
Hunter
Untuk alasan apa pun, npxdan npm inittidak berhasil, tetapi yarnlakukan setelah membersihkan cache. Saya perlu rm -rfyang create-react-appfolder juga. Sangat bersyukur untuk SO.
ZebGir
28

Copot pemasangan create-react-app secara global dengan perintah ini:

npm uninstall -g create-react-app

lalu di direktori proyek Anda:

npm install create-react-app@latest

akhirnya:

npx create-react-app my-app
Tooba Anwar
sumber
yang ini bantu saya TY
Smaïne
21

Untuk menambahkan lebih banyak jawaban di atas:

Dengan rilis baru create-react-app, Anda dapat membuat aplikasi baru menggunakan templat khusus. Dua templat yang tersedia sejauh ini:

  • cra-template
  • cra-template-typescript

Penggunaan :

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

Lebih detail dari perubahan terbaru di create-react-app:

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

Bakhtiiar Muzakparov
sumber
17

Saya juga punya masalah yang sama. Ketika saya trid npm init react-app my-appperintah kembali pesan yang sama

Template tidak disediakan. Ini kemungkinan karena Anda menggunakan versi buat-reaksi-aplikasi yang ketinggalan zaman.

Tapi

yarn create react-app my-app perintah berfungsi dengan baik.

Sampathkumar
sumber
17

Ini berhasil untuk saya.

  1. npm uninstall -g create-react-app
  2. npx create-react-app my-app
metalHeadDev
sumber
15
  1. npm install -g create-react-app di pc Anda
  2. buat proyek reaksi lagi dengan npx create-react-app my-app
akbaral aziz
sumber
8
Disarankan untuk menghapus instalan create-react-app global.
Robin Wieruch
Kesalahan akan kembali ketika ada pembaruan baru dengan metode ini
Hilary Mwape
Saya pikir inilah yang menyebabkan kesalahan di tempat pertama secara global menginstal buat-reaksi-aplikasi
Robert Stokes
12

Dua langkah ini berhasil bagi saya

1) Reaksi-aplikasi yang tidak diinstal secara global dengan perintah ini

npm uninstall -g create-react-app

2) Instal reaksi aplikasi dalam folder proyek dengan perintah ini

npx create-react-app project-name
Hammad
sumber
10

" Jika sebelumnya Anda telah menginstal create-react-app secara global melalui npm install -g create-react-app, kami sarankan Anda menghapus paket menggunakan npm uninstall -g create-react-app untuk memastikan bahwa npx selalu menggunakan versi terbaru "

Ini dilaporkan di https://create-react-app.dev/docs/getting-started/ . Bagi saya, ini tidak berhasil. Saya harus menginstal ulang aplikasi create-react-global.

Langkah saya untuk memperbaiki masalah ini adalah:

  1. uninstall npm -g buat-reaksi-aplikasi
  2. npm instal -g create-react-app
  3. npx create-react-app my-app
Gully Habibi
sumber
1
Tidak disarankan lagi menggunakan instalasi global buat-reaksi-aplikasi.
Robin Wieruch
4
Ini benar, namun, saya tidak dapat menemukan cara lain untuk menginstal template tanpa melakukan instalasi global. Lagipula itu tidak membuat perbedaan untuk aplikasi saya.
Gully Habibi
6
Ya, sama dengan apa yang dikatakan dokter untuk dilakukan tidak berfungsi
Corey Gibson
10

Bersihkan cache npm Anda terlebih dahulu kemudian gunakan benang sebagai berikut:

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

Saya harap ini membantu.

EDIT

... Anda mungkin ingin mencoba yang berikut setelah saya melihat masalah ini lebih lanjut:

  1. npm uninstall -g create-react-app
  2. yarn global remove create-react-app
  3. which create-react-app - Jika ia mengembalikan sesuatu (mis. / Usr / local / bin / create-react-app), maka lakukan rm -rf / usr / local / bin / create-react-app untuk dihapus secara manual.
  4. npm cache clean --force
  5. npm cache verify
  6. npx create-react-app@latest

Langkah-langkah ini harus menghapus instalasi create-react-app yang terinstal secara global, Anda kemudian secara manual menghapus direktori lama yang terhubung ke skrip create-react-app lama yang terinstal secara global. Maka ide yang baik untuk menghapus cache npm Anda untuk memastikan Anda tidak menggunakan versi cache-lama dari aplikasi-buat-reaksi. Terakhir membuat aplikasi reactjs baru dengan @latestpilihan seperti: npx create-react-app@latest. Ada banyak kebingungan tentang masalah ini di mana tidak ada template yang dibuat saat menggunakan aplikasi npx create-react-app, jika Anda mengikuti langkah-langkah yang telah saya nyatakan di atas (1-6) maka saya harap Anda akan sukses.

ps

Jika saya ingin membuat aplikasi reaksi di direktori bernama klien maka saya akan mengetik perintah berikut ke terminal:

npx creacte-react-app@latest ./client

Semoga berhasil.

DevStormUK
sumber
9

Semua opsi tidak berfungsi untuk saya di MacOS. Apa yang berhasil adalah 3 langkah berikut:

  1. Hapus simpul dari: / usr / local / bin /

kemudian

  1. instal simpul baru: https://nodejs.org/en/

kemudian

  1. Instal bereaksi: npx create-react-app my-app ikuti: https://create-react-app.dev/
tidak
sumber
Ya itu benar - lalu periksa untuk melihat apakah masih diinstal $ react-create-app --version. JIKA masih ada versi Anda mungkin harus menghapusnya secara manual. Dalam kasus saya itu tetap ~ / .nvm / versi / simpul / <simpul versi> / lib / node_modules sehingga Anda harus rm -rf bereaksi-membuat-aplikasi dalam folder itu
Nelles
9

Jadi saya sudah melalui semua langkah di sini, tetapi tidak membantu.

TLDR; Larinpx --ignore-existing create-react-app

Saya menggunakan Mac dengan Mojave 10.15.2

CRA tidak diinstal secara global - tidak ditemukan di /usr/local/lib/node_modulesatau/usr/local/bin salah .

Kemudian saya menemukan komentar ini tentang masalah github CRA. Menjalankan perintah dengan --ignore-existingbendera membantu.

Ben S
sumber
8

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

bekerja untuk saya setelah mencoba semua jawaban harapan yang dapat membantu seseorang di masa depan.

Buk Lau
sumber
7

Untuk Linux ini bekerja untuk saya

sudo npm uninstall -g create-react-app
npx create-react-app my-test-app
coding_Lover
sumber
7

TLDR: Hapus instalan paket global menggunakan npm uninstall -g create-react-appdan menghasilkan aplikasi bereaksi baru menggunakan npx create-react-app app.


Isu

Anda menggunakan versi yang lebih lama dari create-react-appyang telah Anda instal secara global menggunakan npm. Itucreate-react-app perintah memanggil paket global ini.

Anda dapat mengonfirmasi bahwa Anda menggunakan versi yang sudah usang dengan menjalankan npm outdated -g create-react-appatau membandingkan create-react-app --versiondengan npm view create-react-app.

Fakta bahwa versi react-scriptsterbaru, tidak ada hubungannya dengan versi paket yang sedang bootstrap app ( create-react-app), yang mengambil versi terbaru dari paket yang digunakan ( react-scriptsdalam kasus ini).

Larutan

Jika Anda ingin terus menggunakan create-react-appperintah, Anda harus memperbarui paket global menggunakan npm update -g create-react-app. Perhatikan bahwa Anda ingin melakukan ini secara berkala agar tetap terbaru. Anda akan melihat yang create-react-apptidak merekomendasikan ini (dicatat dalam log dari instalasi Anda).

Pendekatan yang lebih baik adalah dengan menghapus instalasi global seluruhnya ( npm uninstall -g create-react-app) dan alih-alih menggunakannya npxsehingga mengambil versi terbaru dari paket setiap saat (lebih detail di npxbawah).

Anda harus mengonfirmasi bahwa itu dihapus secara global dengan mencoba menggunakannya create-react-appuntuk memastikan perintah "tidak ditemukan".

Masalah dengan penghapusan instalasi?

Anda dapat men-debug di mana ia diinstal menggunakan which create-react-app. Jika Anda mengalami masalah saat mencopotnya, Anda mungkin memiliki beberapa versi node / npm di komputer Anda (dari beberapa pemasangan, atau karena Anda menggunakan pengelola versi simpul seperti nvm). Ini adalah masalah terpisah yang tidak akan saya bahas di sini, tetapi ada beberapa info dalam jawaban ini .

Pendekatan nuklir cepat adalah dengan paksa menghapusnya ( rm -rf) di jalur yang which create-react-appkembali.


Suplemen

Paket npm global dan npxperintahnya

$ NPM_PACKAGE_NAME akan selalu menggunakan versi paket yang terinstal secara global, terlepas dari direktori tempat Anda berada.

$ npx NPM_PACKAGE_NAME akan menggunakan versi pertama paket yang ditemukannya ketika mencari dari direktori saat ini ke root:

  • Jika Anda memiliki paket di direktori Anda saat ini, itu akan menggunakannya.
  • Lain jika Anda memiliki paket dalam direktori yang merupakan induk dari direktori Anda saat ini, ia akan menggunakan yang pertama ditemukannya.
  • Lain jika Anda memiliki paket yang terinstal secara global, ia akan menggunakannya.
  • Lain jika Anda tidak memiliki paket sama sekali, itu akan menginstalnya sementara, menggunakannya, dan kemudian membuangnya. - ini adalah cara terbaik untuk memastikan paket tersebut mutakhir .

Info lebih lanjut tentang npx dapat ditemukan dalam jawaban ini .

Menggunakan npxdengancreate-react-app

create-react-appmemiliki beberapa perintah / alias khusus untuk membuat aplikasi reaksi (bukan npx) yang khusus untuk paket itu ( yarn create react-app, npm init react-app), tetapi npx create-react-appakan bekerja sama seperti halnya dengan paket lain.

yarnvs npmpemasangan global

Benang menyimpan instalasi global dalam folder yang berbeda dari npm, itulah sebabnya mengapa yarn create react-appakan bekerja segera tanpa menghapus paket global npm (sejauh menyangkut benang, paket tersebut belum diinstal).

Ini hanya solusi sementara, karena Anda harus ingat untuk selalu menggunakan benang, bukan npm saat menggunakan Create React App.

JBallin
sumber
5

Ini menyelesaikan masalah saya

Langkah:

1. Hapus instalan aplikasi create-react

npm uninstall -g create-react-app

2.Sekarang gunakan saja

npx create-react-app my-app

ini akan secara otomatis membuat template untuk Anda.

ari sudhan
sumber
5

Masalah ini tidak terpecahkan seperti ini, masalahnya ada di berbagai instance node, coba hapus secara global create-react-app dan kemudian hapus node_modules dan package-lock.json dari pengguna root Anda

Luis Meneses
sumber
5

Ini bekerja untuk saya!

1) npm uninstall -g create-react-app

2) npm install -g create-react-app

3) npx create-react-app app_name

Jika Anda memiliki yang sebelumnya diinstal create-react-appsecara global melalui npm install -g create-react-app, Lebih baik uninstall dengan menggunakannpm uninstall -g create-react-app

Lahiru Amarathunge
sumber
3

Hapus instalan pertama buat-reaksi-aplikasi

npm uninstall -g create-react-app

Lalu lari yarn create react-app my-app ataunpx create-react-app my-app

lalu jalankan yarn create react-app my-appataunpx create-react-app my-app mungkin masih memberikan kesalahan,

Template tidak disediakan. Ini kemungkinan karena Anda menggunakan versi buat-reaksi-app yang ketinggalan zaman. Harap dicatat bahwa pemasangan global aplikasi-buat-reaksi tidak lagi didukung.

Ini mungkin terjadi karena uang tunai. Jadi jalankan selanjutnya

npm cache clean --force 

lalu lari

npm cache verify

Sekarang semuanya jelas. Sekarang jalankan

yarn create react-app my-app atau npx create-react-app my-app

Sekarang Anda akan mendapatkan apa yang Anda harapkan!

Sasmitha Dasanayaka
sumber
3

Saya memperbaiki masalah ini pada Mac dengan menghapus instalan create-react-appdari global npm lib, pada dasarnya itulah yang dikatakan, coba saja lakukan, yang perlu Anda lakukan juga sudo:

sudo npm uninstall -g create-react-app

Kemudian jalankan:

npx create-react-app my-app-name

Sekarang semuanya baik-baik saja dan dapatkan struktur folder seperti di bawah ini:

template tidak disediakan menggunakan aplikasi create react

Alireza
sumber
1
Saya mencoba semua metode yang ditulis di atas pada Linux Mint 19 (sistem berbasis Ubuntu). Tidak ada yang membantu, tetapi ini berhasil. sudo npm uninstall -g create-react-app
Victor
3

Menggunakan perintah npm uninstall -g create-react-app itu tidak berhasil untuk saya.

Tetapi ini berhasil:

yarn global remove create-react-app

lalu:

npx create-react-app my-app

Karthic Rao
sumber
Ini bekerja untuk saya, saya mencoba setiap metode termasuk penghapusan manual dari / usr / local / bin
manjs
3

Ini untuk saya:

Mari, hapus instalan create-react-app secara global dengan perintah ini:

npm uninstall -g create-react-app

Setelah itu di direktori proyek Anda:

npm install create-react-app@latest

Yang terakhir:

npx create-react-app my-app

Untuk naskah:

npx create-react-app my-app --template typescript
kumivat shivlal
sumber
2

Masalah yang sangat aneh karena ini berhasil untuk saya kemarin dan saya menemukan kesalahan yang sama pagi ini. Berdasarkan catatan rilis, fitur baru telah ditambahkan untuk mendukung template sehingga sepertinya beberapa bagian telah berubah di baris perintah (misalnya, --typescriptsudah usang karena menggunakan --template typescript)

Saya berhasil membuat semuanya berfungsi dengan melakukan hal berikut:

  1. Hapus instalan global create-react-app npm uninstall create-react-app -g.
  2. Verifikasi npm cache npm cache verify.
  3. Tutup terminal. Saya menggunakan terminal mac, jika menggunakan IDE mungkin tutup dan buka kembali.
  4. Buka kembali terminal, telusuri ke tempat Anda ingin proyek Anda dan jalankan create-react-app via npx menggunakan konvensi perintah templat baru. Untuk membuatnya berfungsi, saya menggunakan naskah aplikasi saya dari situs dokumentasi untuk memastikan konsistensi:npx create-react-app my-app --template typescript

Jika berhasil, Anda akan melihat banyak pemasangan: satu untuk skrip reaksi dan satu untuk templat. Pesan kesalahan juga seharusnya tidak lagi muncul.

Ryan McCormick
sumber
2

npm uninstall -g create-react-app dalam beberapa kasus bisa menjadi jawaban, tetapi tidak untuk saya.

Anda harus secara manual menghapus aplikasi buat-reaksi yang terletak di ~/.node/bin/atau /usr/bin/(cukup ketik which create-react-appdan hapus dari lokasi yang Anda lihat menggunakan rm -rf), selanjutnya jalankan saja npm i -g create-react-app.

Setelah itu create-react-appakan bekerja dengan benar.

Andrew
sumber
2

Ini bekerja untuk saya 1. Copot pemasangan pertama-buat-reaksi-aplikasi secara global dengan perintah ini:

npm uninstall -g create-react-app

Jika di sana Anda masih memiliki instalasi sebelumnya, harap hapus folder yang disebut aplikasi saya sepenuhnya. (Pastikan tidak ada program yang menggunakan folder itu termasuk terminal atau cmd promt)

2. kemudian di direktori proyek Anda:

npm install create-react-app@latest

3. akhirnya:

npx create-react-app my-app
Amila Weerasinghe
sumber
1

Setelah menggunakan perintah ini:

yarn global upgrade create-react-app

Saya kemudian mencoba:

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

Ini berhasil meskipun:

npx create-react-app my-app 
Helen_CEE
sumber
0

Untuk Windows 10 saya harus secara manual menghapus beberapa folder dalam cache benang, jalur saya adalah sesuatu C:\Users\username\AppData\Local\Yarn\Cache\v1dan lipatan yang harus saya hapus adalah sesuatu sepertinpm-create-react-app-1.0.0-1234567890abcdef

Dadiaar
sumber
0

Saya memiliki masalah yang sama & saya telah menginstal "create-react-app" secara global pada mesin saya. Ada kesalahan:

"Templat tidak disediakan. Ini kemungkinan karena Anda menggunakan versi lama dari aplikasi buat-reaksi. Harap dicatat bahwa pemasangan global aplikasi buat-reaksi tidak lagi didukung."

Kemudian saya menghapus instalasi sebelumnya dengan menggunakan perintah ini.

uninstall npm -g buat-reaksi-aplikasi

Kemudian instal aplikasi reaksi baru.

npx buat-reaksi-aplikasi-aplikasi baru

akshay_sushir
sumber
0

Coba jalankan terminal Anda sebagai administrator. Saya mengalami masalah yang sama dan tidak ada yang membantu selain membuka terminal sebagai administrator dan kemudian melakukan npx create-react-app yourAppName

Martynas Gecas
sumber