Tạo-React-App không tạo mẫu khởi động

Tôi đang cố gắng tạo một dự án mới với mẫu bản thảo theo các hướng dẫn này .

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

Mặc dù nó cài đặt tất cả các mô-đun nút nhưng nó không tạo dự án khởi động cũng như không sử dụng mẫu được cung cấp. Tôi nhận được tin nhắn này:

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.

Tôi đang cố làm theo hướng dẫn và xóa cài đặt toàn cầu của cli nhưng điều đó cũng không hoạt động:

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

Không có vấn đề gì tôi không thể gỡ cài đặt cli. Chuyện gì đang xảy ra vậy?

Biên tập:

Tôi đã có thể làm cho nó hoạt động một phần trên PC.

npm remove create-react-app

sau đó

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

Tôi đã thử với dấu ngoặc và mặc dù dự án mẫu ở đó không có trong bản in. Có điều gì đó rất sai với cli ngay bây giờ.

Biên tập:

Bài đăng này đã giải quyết vấn đề không thể gỡ cài đặt cli. Hy vọng điều này sẽ giúp được ai đó và làm ơn nâng cấp OP.

cho op: dấu ngoặc của bạn không đúng chỗ Đối với trường hợp của bạn, các tài liệu tài liệu nói sẽ sử dụng:

npx tạo-Reac-app my-app --template [tên mẫu]
-hoặc-
npx tạo-phản ứng ứng dụng của tôi ứng dụng --template nguyên cảo

Đối với những người khác:

1. gỡ cài đặt ( tôi đang trên linux / ubfox )

sudo npm uninstall -g create-react-app

2. Sau đó chạy

npx create-react-app my-app

Lưu ý: Đảm bảo rằng tất cả các thư mục / tệp đã bị xóa khi gỡ cài đặt . Nếu bạn gặp sự cố khi truy cập các thư mục phản ứng trong thiết lập linux của mình như tôi (do quyền), hãy truy cập và xóa bằng cách:

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

(... Và sau đó thực hiện lệnh npx.)

Tôi đã giải quyết vấn đề này bằng cách sudo npm uninstall -g create-react-app

nhưng điều này không xóa ứng dụng tạo-phản ứng, vì vậy tôi phải kiểm tra xem nó nằm ở thư mục nào. Trong thiết bị đầu cuối, nếu bạn gõ:

which create-react-app

nó sẽ cung cấp cho bạn một số thư mục như / usr / local / bin / create-Reac-app Bây giờ làm:

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

Điều này sẽ loại bỏ ứng dụng tạo phản ứng bằng tay. Bây giờ bạn có thể bắt đầu tạo ứng dụng phản ứng bằng cách sử dụng npx create-react-app my-app

Tôi đã có cùng một vấn đề. Điều này làm việc cho tôi (Linux)

Bước 01.

sudo npm remove create-react-app

Bước 02.

sudo npm uninstall -g create-react-app

Bước 03.

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

Tôi hi vọng cái này giúp được.

Tạo mẫu Khởi động lại

1.npx tạo-Reac-app your_app_name

2.cd your_app_name

3.npm bắt đầu

Ngay cả khi bạn chạy npm uninstall -g create-react-app create-react-appvẫn có thể được cài đặt. Bạn có thể kiểm tra bằng cách chạy which create-react-app. Nếu một đường dẫn được trả về create-react-appvẫn được cài đặt. Bạn có thể xóa các mô-đun với rm -r ${returned path}. Sau đó chạy npx create-react-app app-ui --template typescriptnên hoạt động mà không có lỗi hoặc cảnh báo.

Tôi đã đưa ra 3 giải pháp mà tôi đã từng bước áp dụng khi gặp phải tình huống này.

Bước đầu tiên: Từ hướng dẫn chính thức,

Nếu trước đây bạn đã cài đặt ứng dụng tạo phản ứng trên toàn cầu thông qua npm install -g tạo-Reac-app, chúng tôi khuyên bạn nên gỡ cài đặt gói bằng cách sử dụng npm Uninstall -g create-Reac-app để đảm bảo rằng npx luôn sử dụng phiên bản mới nhất.

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

Bạn có thể sử dụng các lệnh dưới đây:

• npx tạo-Reac-app my-app
• npm init Reac-app my-app
• sợi tạo phản ứng ứng dụng my-app

Bước thứ hai (Nếu cái đầu tiên không hoạt động):

Đôi khi nó có thể giữ caches. Sau đó, bạn có thể sử dụng các lệnh được đưa ra dưới đây.

• npm gỡ cài đặt -g tạo-phản ứng-ứng dụng
• npm cache sạch - lực lượng
• xác minh bộ nhớ cache npm
• sợi tạo phản ứng ứng dụng my-app

Bước thứ ba: (Nếu 2 cái này không hoạt động) trước tiên hãy gỡ cài đặt qua npm gỡ cài đặt -g tạo-Reac-app , sau đó kiểm tra xem bạn có còn "cài đặt" với lệnh tạo-Reac-app trên dòng lệnh của bạn không. Nếu bạn có một cái gì đó như ( / usr / local / bin / create-Reac-app ) thì hãy chạy rm -rf / usr / local / bin / create-Reac-app (thư mục có thể thay đổi) để xóa thủ công. Sau đó, một lần nữa cài đặt nó thông qua npx / npm / Sợi. NB : Tôi thành công ở bước cuối cùng.

Khi tôi thực hiện

tạo-phản ứng-xin chào

chỉ được tạo bên dưới cấu trúc thư mục, có thông báo

"Một mẫu không được cung cấp. Điều này có thể là do bạn đang sử dụng phiên bản ứng dụng tạo phản ứng lỗi thời. Xin lưu ý rằng các bản cài đặt toàn cầu của ứng dụng tạo phản ứng không còn được hỗ trợ."

node_modules
package.json
yarn.lock

Thực hiện theo các bước dưới đây để giải quyết

// Gỡ cài đặt gói ứng dụng tạo phản ứng

npm gỡ cài đặt -g tạo-phản ứng-ứng dụng

Sau đó, tôi đã sẵn sàng để tạo ứng dụng phản ứng mới thông qua "npx"

Đối với hương vị ES6 (Mặc định, nó sẽ sử dụng ngôn ngữ ES6)

npx tạo-Reac-app hello-world

Đối với hương vị bản in

npx tạo-Reac-app hello-world - mô tả bản thảo

Sau đây là cấu trúc thư mục sau khi chạy trên cmd

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

sợi bắt đầu // Hoạt động tốt

node: v10.16.0
npm: 6.10.2

Giải pháp của tôi cuối cùng khác một chút so với bạn, vì vậy tôi sẽ thêm nó vào đây trong trường hợp ai đó có vấn đề tương tự. Rõ ràng tôi đã cài đặt ứng dụng tạo phản ứng trên toàn cầu bằng sợi mà tôi có thể thấy khi tôi chạy which create-react-appdẫn đến một đường dẫn như thế nào .../.config/yarn/global/node_modules/.bin/create-react-app. Chạy yarn global remove create-react-appđã gỡ bỏ gói này và sau đó tôi đã có thể chạy npx create-react-app app --template typescriptthành công.

1. Cài đặt ứng dụng tạo-phản ứng

Ban đầu, chúng tôi phải cài đặt công cụ tạo phản ứng. Đây là một công cụ được cung cấp bởi những người tạo React.js, cho phép cài đặt sẵn sàng sử dụng ứng dụng React.js, với tất cả các phụ thuộc cần thiết. Để cài đặt công cụ, chúng ta phải sử dụng lệnh sau trong dòng lệnh:

npm install -g create-react-app

2. Tạo ứng dụng

Giờ đây, thật dễ dàng để tạo ứng dụng đầu tiên của chúng tôi bằng công cụ tạo ứng dụng phản ứng. Chúng ta có thể làm điều đó với một lệnh duy nhất trong dòng lệnh của chúng tôi. Đầu tiên, điều hướng đến thư mục mà bạn muốn có ứng dụng của mình thông qua dòng lệnh và sau đó chạy lệnh sau, trong đó Reacapp là tên của ứng dụng của chúng tôi:

npx create-react-app reactapp

Bạn có thể thoải mái đặt một tên khác cho ứng dụng của bạn. Nếu quá trình hoàn tất thành công, bạn nên chuẩn bị sẵn thư mục của mình với ứng dụng! Hãy bắt đầu ứng dụng ngay bây giờ!

3. Bắt đầu ứng dụng

Hãy bắt đầu phản ứng của chúng tôi với các lệnh sau:

cd reactapp
npm start

Lệnh đầu tiên được sử dụng để vào thư mục ứng dụng của chúng tôi và lệnh thứ hai khởi động ứng dụng của chúng tôi. Theo mặc định, ứng dụng được mở tại localhost: 3000, nhưng chúng ta có thể thay đổi cổng trong cài đặt.

Liên kết: https://dev.to/duomly/how-to-create-the-react-app-in-5-minutes-1bmb

Hpe này giúp!

Đối với người dùng Windows, hãy làm theo hai bước

npm uninstall -g create-react-app

Sau đó

npx create-react-app jamming

tiếp tục cập nhật nút và npm của bạn, phiên bản ổn định mới nhất

1. Gỡ cài đặt tạo-Reac-app bằng lệnh: sudo npm Gỡ cài đặt -g tạo-Reac-app

Vì npm không hỗ trợ sử dụng các mô-đun npm trên toàn cầu.

2. cài đặt chương trình nồi hơi tạo-Reac-app như bình thường bằng cách sử dụng lệnh: npx create-Reac-app my-app

nó hoạt động !!

Tôi đã có cùng một vấn đề. Tôi đã thử điều này npm install -g create-react-app
Sau đó làm việc create-react-app app-nameđó cho tôi.