iT邦幫忙

0

react開啟問題(大致解決)

  • 分享至 

  • xImage

我下載好了mac 版的node.js
然後開啟主控台輸入create-react-app hello-world

出現zsh: command not found: create-react-app

不能開啟

https://www.youtube.com/watch?v=AZfi-LhY9vs

謝謝各位的留言與幫助! (我在專業術語上還看不太懂)

我目前看上者影片才看比較懂

下載完後 在html檔案 加上這個,好像就能用功能了(但我不知道下載和連結有什麼差別)

<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>

連結 react babel函式庫? 如果我的理解有錯 期望有人指出
froce iT邦大師 1 級 ‧ 2023-09-27 13:56:18 檢舉
https://gist.github.com/Jerry-Hong/cd319d4fa1815f5f970dd53982fea0ae

npm install -g create-react-app

你要確定:
1. npm有正確安裝在你的$path裡嗎?
2.你有裝 create-react-app
funcn iT邦新手 5 級 ‧ 2023-09-27 14:06:07 檢舉
謝謝 我會試試看
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
咖咖拉
iT邦好手 1 級 ‧ 2023-09-27 14:02:58
npx create-react-app my-app

create-react-app 是用NPX

看更多先前的回應...收起先前的回應...
funcn iT邦新手 5 級 ‧ 2023-09-27 14:07:03 檢舉

謝謝 我下載好試試看

funcn iT邦新手 5 級 ‧ 2023-09-27 14:13:41 檢舉

輸入後出現這個

The directory my-app contains files that could conflict:

node_modules/
package-lock.json
package.json
public/
src/

要怎麼樣才能在vscode中開啟

froce iT邦大師 1 級 ‧ 2023-09-27 14:14:54 檢舉

把你的my-app的資料夾清空。
英文都看不懂或不想看要寫程式很難喔。

funcn iT邦新手 5 級 ‧ 2023-09-27 14:15:57 檢舉

謝謝 我會提升英文能力

0
janlin002
iT邦好手 1 級 ‧ 2023-09-27 14:12:28

create-react-app 沒下載

可參考這篇: https://create-react-app.dev/docs/getting-started

看更多先前的回應...收起先前的回應...
funcn iT邦新手 5 級 ‧ 2023-09-27 14:41:15 檢舉

請問檔案下載好後,要怎麼在vscode中開啟?
我以為輸入好就可以開啟了

funcn iT邦新手 5 級 ‧ 2023-09-27 14:51:45 檢舉

Would you like to run the app on another port instead? › (Y/n)

我剛下載到一半突然斷線,然後再下載
跑出這個

天黑 iT邦研究生 5 級 ‧ 2023-09-27 15:39:56 檢舉

上面高手提供的參考網址,有動態的輸入指令demo可以參考,那句是問你要不要使用其他port

咖咖拉 iT邦好手 1 級 ‧ 2023-09-27 15:58:15 檢舉

將你開的VS CODE 都關掉或重新開機 再試試看

或者打Y讓它隨機再給一個PORT

janlin002 iT邦好手 1 級 ‧ 2023-09-27 18:52:15 檢舉

應該是因為你的localhost:3000已經有東西了,他問要不要換另外一個port

janlin002 iT邦好手 1 級 ‧ 2023-09-27 18:53:43 檢舉

cd 你的專案名字,或是直接將專案整包拖拉到vscode裡面都可以

0
Samuel
iT邦好手 1 級 ‧ 2023-09-28 14:39:39

React初始專案方式有以下幾種
法1.(不汙染環境方式,每次都會暫時下載create-react-app cli用完就刪除)
新增一個專案folder後cd到該層並下
npx create-react-app .

法2.(需要全域性安裝影響環境方式)
一開始環境要記得先全域性下創建專案用的CLI
npm install -g create-react-app

create-react-app 專案(目錄)名稱
再cd 到專案(目錄)名稱下也可

https://coolmandiary.blogspot.com/2021/08/react_23.html

我要發表回答

立即登入回答