Create-React-App 不創建啟動模板

Question

我正在嘗試按照這些說明使用打字稿模板創建一個新項目。

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。 到底是怎么回事？

編輯：

我能夠讓它在 PC 上部分工作。

npm remove create-react-app

然后

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

我嘗試使用括號，雖然模板項目在那里，但它不在打字稿中。 現在 cli 有問題。

編輯：

這篇文章解決了無法卸載cli的問題。 希望這對某人有所幫助，並請為 OP 投票。

Answer 1

對於 OP：

你的括號不合適。 對於您的情況，文檔文檔說要使用：

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

或者

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

---

對於其他所有人：

1. 卸載（我在 Linux/Ubuntu 上）

    sudo npm uninstall -g create-react-app

2. 然后運行：

    npx create-react-app my-app

---

注意：確保在卸載時刪除了所有文件夾/文件。 如果您在訪問 linux 設置中的 react 文件夾時遇到問題（由於權限），請通過以下方式獲得訪問權限並刪除：

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

（...然后執行 npx 命令。）

Answer 2

我通過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開始創建npx create-react-app my-app

Answer 3

我遇到了同樣的問題。 這對我有用（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

我希望這有幫助。

Answer 4

創建 React 啟動模板

1.npx create-react-app your_app_name

2.cd your_app_name

3.npm啟動

Answer 5

即使您運行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應該沒有錯誤或警告。

Answer 6

我想出了 3 個解決方案，當我遇到這種情況時，我一步一步地應用了這些解決方案。

第一步：從官方手冊，

如果您之前已經通過 npm install -g create-react-app 全局安裝了 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
• 紗線創建反應應用程序我的應用程序

第二步（如果第一個不起作用）：

有時它可能會保留緩存。然后您可以使用下面給出的這些命令。

• npm uninstall -g create-react-app
• npm 緩存清理 --force
• npm 緩存驗證
• 紗線創建反應應用程序我的應用程序

第三步：（如果這兩個不起作用）首先通過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 安裝它。 注意：我在最后一步成功了。

Answer 7

當我執行

create-react-app 你好

僅在文件夾結構下方生成，並帶有通知

“未提供模板。這可能是因為您使用的是過時版本的 create-react-app。請注意，不再支持 create-react-app 的全局安裝。”

node_modules
package.json
yarn.lock

按照以下步驟解決

// 卸載 create-react-app 包

npm uninstall -g create-react-app

之后我准備通過“npx”創建新的反應應用程序

對於 ES6 風格（默認將采用 ES6 語言）

npx create-react-app hello-world

對於打字稿風味

npx create-react-app hello-world --template 打字稿

以下是cmd上面運行后的文件夾結構

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

紗線開始//工作正常

node: v10.16.0
npm: 6.10.2

Answer 8

我的解決方案最終與您的略有不同，因此我會在此處添加它，以防有人遇到類似問題。 顯然，我使用紗線全局安裝了 create-react-app，當我運行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 。

Answer 9

1. 安裝 create-react-app

一開始，我們必須安裝 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

這有幫助！

Answer 10

對於 Windows 用戶，請執行以下兩個步驟

npm uninstall -g create-react-app

然后

npx create-react-app jamming

不斷更新你的節點和 npm，最新的穩定版本

Answer 11

1. 使用命令卸載 create-react-app： sudo npm uninstall -g create-react-app

由於 npm 不支持 npm 模塊的全局使用。

2. 像往常一樣使用命令安裝 create-react-app 樣板： npx create-react-app my-app

有用！！

Answer 12

我在Windows 中使用命令提示符遇到了同樣的問題，但后來我在Powershell上嘗試了以下步驟，它起作用了。 如果仍然無法正常工作，則以管理員身份運行 Powershell。

npx create-react-app my-app
cd my-app
npm start

Answer 13

我遇到了同樣的問題。 我試過這個npm install -g create-react-app
然后執行create-react-app app-name它對我有用。