Buat-Bereaksi-Aplikasi tidak membuat template pemula

12

Saya mencoba membuat proyek baru dengan templat naskah sesuai instruksi ini .

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

Meskipun menginstal semua modul simpul itu tidak membuat proyek pemula juga tidak menggunakan templat yang disediakan. Saya menerima pesan ini:

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.

Saya mencoba mengikuti petunjuk dan menghapus instalasi global CLI tetapi itu juga tidak berhasil:

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

Tidak peduli apa yang saya lakukan, saya tidak dapat menghapus cli. Apa yang sedang terjadi?

Edit:

Saya bisa membuatnya sebagian bekerja di PC.

npm remove create-react-app

kemudian

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

Saya mencoba dengan tanda kurung dan meskipun proyek template ada di sana tidak dalam naskah. Ada sesuatu yang sangat salah dengan cli saat ini.

Edit:

Posting ini memecahkan masalah tidak dapat menghapus instalasi klien. Semoga ini bisa membantu seseorang dan tolong perbaiki OP.

Mickers
sumber
3
Masalah yang sama persis ini sedang terjadi pada saya sekarang. Saya berlari npm uninstall -g create-react-app, dan kemudian berlari npx create-react-app app-uidengan dan tanpa bendera templat tapi saya mendapat peringatan yang sama. Output yang dihasilkan hanya direktori node_modules, package.json dan package-lock.json. Tidak yakin apa yang saya lakukan salah.
arbitrayUserName

Jawaban:

7

untuk op: kurung Anda tidak pada tempatnya. Untuk kasus Anda, dokumen dokumentasi mengatakan untuk menggunakan:

npx create-react-app my-app --template [nama-templat]
-atau-
npx create-react-app my-app - ketik naskah


Untuk orang lain:

1. uninstall ( saya di linux / ubuntu )

sudo npm uninstall -g create-react-app

2. Kemudian jalankan

npx create-react-app my-app

Catatan: Pastikan semua folder / file telah dihapus pada saat uninstall . Jika Anda mengalami kesulitan mengakses folder reaksi di pengaturan linux Anda seperti saya (karena izin), dapatkan akses dan hapus dengan:

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

(... lalu lakukan perintah npx.)

C-Note187
sumber
1
Menghapus tanda kurung membuat fungsionalitas templat naskah skrip. Saya tidak yakin mengapa saya memilikinya di sana. Saya berasumsi saya hanya mencoba apa pun yang saya bisa untuk membuat semuanya berfungsi. Terima kasih!
Mickers
senang mendengarnya berhasil!
C-Note187
8

Saya menyelesaikan masalah ini dengan sudo npm uninstall -g create-react-app

tetapi ini tidak menghapus create-react-app, jadi saya harus memeriksa di direktori mana ia berada. Di terminal, jika Anda mengetik:

which create-react-app

itu akan memberi Anda beberapa direktori seperti / usr / local / bin / create-react-app Sekarang lakukan:

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

Ini akan menghapus aplikasi-buat-bereaksi secara manual. Sekarang Anda dapat mulai membuat aplikasi reaksi menggunakan npx create-react-app my-app

Mr_b194
sumber
2
Saya menggunakan Ubuntu 19.10 dan ini bekerja sangat bagus!
egdavid
1
Saya menggunakan OSX (MacBook) dan ini juga berfungsi!
Bumhwan Kim
1

Saya mengalami masalah yang sama. Ini bekerja untuk saya (Linux)

Langkah 01.

sudo npm remove create-react-app

Langkah 02.

sudo npm uninstall -g create-react-app

Langkah 03.

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

Saya harap ini membantu.

Lakshan Hettiarachchi
sumber
Ini banyak bekerja terima kasih
user3811671
0

Buat template Startup Bereaksi

1.npx create-react-app your_app_name

2.cd your_app_name

3.npm mulai

Vaibhav Tamuche
sumber
0

Bahkan jika Anda berlari npm uninstall -g create-react-app create-react-appmungkin masih diinstal. Anda dapat memeriksa dengan menjalankan which create-react-app. Jika jalur dikembalikan create-react-appmasih diinstal. Anda dapat menghapus modul dengan rm -r ${returned path}. Setelah itu berjalan npx create-react-app app-ui --template typescriptharus bekerja tanpa kesalahan atau peringatan.

arbitrayUserName
sumber
0

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 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.

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

Anda dapat menggunakan perintah di bawah ini:

  • npx create-react-app my-app
  • npm init-app-aplikasi-saya
  • benang buat app-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.

  • uninstall npm -g buat-reaksi-aplikasi
  • cache bersih - paksa
  • npm cache memverifikasi
  • benang buat app-app my-app

Langkah ketiga: (Jika 2 ini tidak akan berfungsi) uninstall dulu melalui npm uninstall -g create-react-app , kemudian periksa apakah Anda masih "terinstal" dengan perintah create-react-app di baris perintah Anda. Jika Anda mendapatkan sesuatu seperti ( / usr / local / bin / create-react-app ) maka jalankan rm -rf / usr / local / bin / create-react-app (folder mungkin berbeda) untuk dihapus secara manual. Kemudian instal kembali melalui npx / npm / benang. NB : Saya berhasil di langkah terakhir.

Moshiur Rahman
sumber
0

Ketika saya dieksekusi

buat-reaksi-aplikasi halo

hanya dihasilkan di bawah struktur folder, dengan pemberitahuan

"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."

node_modules
package.json
yarn.lock

Ikuti langkah-langkah di bawah ini untuk diselesaikan

// Menghapus instalasi paket create-react-app

uninstall npm -g buat-reaksi-aplikasi

Setelah itu saya siap membuat aplikasi reaksi baru melalui "npx"

Untuk rasa ES6 (Default akan membutuhkan bahasa ES6)

npx create-react-app hello-world

Untuk rasa naskah

npx create-react-app hello-world --template naskah

Berikut ini adalah struktur folder setelah berjalan di atas cmd

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

mulai benang // Bekerja dengan baik

node: v10.16.0
npm: 6.10.2
asishkhuntia
sumber
0

Solusi saya akhirnya menjadi sedikit berbeda dari Anda jadi saya akan menambahkannya di sini kalau-kalau ada orang yang memiliki masalah serupa. Rupanya saya menginstal create-react-app global dengan benang yang bisa saya lihat ketika saya berlari which create-react-appyang menghasilkan jalur seperti .../.config/yarn/global/node_modules/.bin/create-react-app. Menjalankan yarn global remove create-react-appmenghapus paket ini dan kemudian saya npx create-react-app app --template typescriptberhasil berjalan .

thefinnomenon
sumber
0
  1. Instal create-react-app

Pada awalnya, kita harus menginstal alat create-react-app. Ini adalah alat yang disediakan oleh pembuat React.js, yang memungkinkan pemasangan aplikasi React.js siap pakai, dengan semua dependensi yang diperlukan. Untuk menginstal alat ini, kita harus menggunakan perintah berikut di baris perintah:

npm install -g create-react-app
  1. Buat aplikasinya

Sekarang, sangat mudah untuk membuat aplikasi pertama kami menggunakan alat buat-reaksi-aplikasi. Kita dapat melakukannya dengan satu perintah di baris perintah kita. Pertama, navigasikan ke folder tempat Anda ingin memiliki aplikasi Anda melalui baris perintah, dan kemudian jalankan perintah berikut, di mana reactapp adalah nama aplikasi kami:

npx create-react-app reactapp

Anda dapat dengan bebas mengatur nama yang berbeda untuk aplikasi Anda. Jika proses selesai dengan sukses, Anda harus sudah menyiapkan folder dengan aplikasi! Ayo mulai aplikasi sekarang!

  1. Mulai aplikasi

Mari kita mulai reactapp kami dengan perintah berikut:

cd reactapp
npm start

Perintah pertama digunakan untuk masuk ke folder aplikasi kita, dan yang kedua memulai aplikasi kita. Secara default, aplikasi ini terbuka di localhost: 3000, tetapi kita dapat mengubah port di pengaturan.

Tautan: https://dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

Hpe ini membantu!

Aremu Ibrahim
sumber
0

Untuk pengguna Windows, ikuti dua langkah

npm uninstall -g create-react-app

Kemudian

npx create-react-app jamming

terus perbarui node dan npm Anda, versi stabil terbaru

Mamunur Rashid
sumber
0
  1. Hapus instalan create-react-app menggunakan perintah: sudo npm uninstall -g create-react-app

Karena npm tidak mendukung penggunaan modul npm secara global.

  1. instal create-react-app boiler-plate seperti biasa menggunakan perintah: npx create-react-app my-app

berhasil!!

Yousuf Shareef
sumber
-1

Saya mengalami masalah yang sama. Saya mencoba ini npm install -g create-react-app
Kemudian lakukan create-react-app app-nameitu berhasil untuk saya.

Misterjoe
sumber
Ya, tetapi apakah itu menyelesaikan kesalahan templat? Saya sekarang di mesin windows (sudah di mac sebelumnya) dan itu melakukan hal yang sama ... Proyek kosong dan naskah tidak dimasukkan.
Mickers