#31 Cài Đặt Tổng Quan Dự Án Frontend React.JS Từ Github

[@hoidanit]

🌹Bạn nào muốn mua cho mình cốc cà phê, cái pizza hay chỉ là gói mì tôm hảo hảo, hãy dùng MoMo quét mã QR tại link này nhé: me.momo.vn/hoidanit (lưu ý: tên người nhận là PHAM VAN TUAN) Đây là video #31 trong series học và thực hành (miễn phí) để trở thành 1 fullstack web developer. 👉Xem Full Playlist này tại đây: kzbin.info/www/bejne/jKfZiZuEl6uKgbs 👉 Cần giải đáp thắc mắc, cũng như hỗ trợ, tham gia group Facebook : facebook.com/groups/hoidanit 👉 Fanpage Facebook Tiếng Việt: facebook.com/askITwithERIC 👉Các bạn đăng ký kênh, Like cũng như comment để mình có thêm động lực làm video nha. Cảm ơn mọi người ❤ 👉Chanel khác của mình (Tiếng anh): kzbin.info/door/HqJxLo7mKam9GKqqwr2wfA

[@xuanthuc189]

Mong sao chanel làm 1 video giới thiệu khái quát khỏang 1h các bước tạo ra được file cơ bản như thế này. Nếu để từ đầu như này sẽ khó theo dõi hơn cho các video sau. Khi giới thiệu cách làm khái quát thì học viên sẽ tự tạo tay code được như thế này rồi sẽ tiếp tục theo dõi các video sau.

[@hoidanit]

@@xuanthuc189thực sự nó không cần thiết cái này bạn. vì bản chất với react, sau này bạn đi làm thì người ta cũng quẳng bạn vào dự án đã và đang phát triển thôi. chứ có ai cho bạn join 1 dự án viết từ line 1 đâu. cái này gọi là 'tập bơi' và tập 'thích nghi' đấy bạn

[@quandanghung4309]

em học f8, học khoa phạm, học ở trường, học C# JAVA php mysql js html css react ... vâng vâng mây mây. nhưng đi làm lại bị rối vì code dự án quá lớn, cứ intern cả năm trời. hôm nay thấy dc dạy kiểu như anh mới thực chiến nè. tks anh trai

[@hoidanit]

em toàn kể tên những channel mà anh ko học.haha

[@phucthanhle7408]

Mong anh làm full series về javascrpit (frontend-backend)+dự án thực tệ cho bọn em sinh viên học hỏi ạ

[@hoidanit]

e cứ xem video a đều đều là đc mà. a làm video mà có người xem thì mới có động lực làm tiếp e ợ :v

[@joeywang2024]

@Sun man nói vậy ai học trường lớp làm gì? nó là cái nền đấy, dựa vào đó ng ta tự học, tự nâng cao được. Còn học kiểu này chỉ là học vẹt thôi và phải chạy theo khoá học, ng ta dạy gì mình học đó, biết vậy thôi.

[@joeywang2024]

@Sun man cái nền mới là quan trọng để trở thành giỏi đấy. Còn chuyện lương bổng thì có khi thằng chỉ biết sơ sơ nó có cơ hội cũng có lương cao thôi. 5k$ nghe to chứ nó chả là cái gì cả.

[@tien5140]

video của anh hay quá >>>>

[@hoathanh6302]

Em chỉ muốn nói là EM YÊU ANH :)))

[@hoidanit]

cơ mà a ko yêu em 😂

[@3chemss]

💗

[@tinhhoangxuan5390]

cảm ơn a

[@hoidanit]

you're welcome :v

[@quanghoangson5590]

cho e hỏi là cấu hình project như video a public chưa ạ. e muốn xem a built nó từ đầu cho dễ hiểu hơn. e đang tim mà k thấy

[@hoidanit]

mình làm trong các khoá trả phí bạn nhé

[@quanghoangson5590]

@@hoidanit 2 năm rồi public đoạn built project ra đi a 😅

[@hoidanit]

việc build nó cần thực hiện từng bước. cần 1 khoá đấy bạn

[@hongsonnguyen9620]

@@hoidanit lên chatgpt paste source hỏi nó nó giải thích cho . tư mò đi các bạn, dân it phải biết skill

[@GOODBOY-vt1cf]

10:24 here

[@thaihoangnhan5725]

em có thể xem video nào của anh để biết cách khởi tạo cái Frontend-Reactjs-Quickstart vậy ạ

[@hoidanit]

cái này, bạn xem series react làm bài quiz bạn nhé

[@nhatluuvan5274]

Thanks a ạ 🥰

[@hoidanit]

you're welcome vv

[@WiseWords-Daily-v1]

cho em hỏi cái file server bên trong sao anh ko có file package.lock.js vậy ạ, em cài experss trong thư mục đó mà vẫn có thêm filepackage.lock.js

[@hoidanit]

thì cứ code thôi e :v

[@thanhliem8705]

Nếu được a có thể ra 1 video cấu hình reactjs như trên được không ạ, E muốn biết cách a cấu hình và section a nói trong video ạ.

[@hoidanit]

cái này là trong khóa học udemy (tương lai sẽ có e nhé)

[@thanhliem8705]

@@hoidanit dạ e cám ơn a ạ, dạy có tâm thật sự cho beginner chúng e luôn 🥰

[@benamngungoc797]

thanks a ạ❤

[@hoidanit]

No problem

[@ngotrongphong1760]

cấu hình reactjs trong khóa học nào thế ah ?

[@hoidanit]

khoá này ko có hướng dẫn e nhé. a setup hết rồi

[@HauNguyen-wd9od]

@@hoidanit video hướng dẫn cấu hình ở khóa nào v anh e cũng cố setup theo mà k đc mong anh giải đáp

[@Baongoc000]

Khi em chạy thì bị lỗi này phải làm sao ạ. URIError: Failed to decode param '/system/user-m anage/%PUBLIC_URL%/manifest.json'

[@nguyentuananh910]

Mình clone file REACTJS của bạn về và install nhưng nó báo deprecated rất nhiều thì có cách giải quyết nào không nhỉ?

[@hoidanit]

bạn nghĩ nó cần thiết thì tự fix thôi. còn có cách fix bạn nhé :v p/s: trước khi làm nên cân nhắc pros/cons

[@quangtrungtran7480]

anh oi e nếu em thay đổi react lên react v18 thì code trong cấu trúc file có bị thay đổi nhiều ko ạ ? E có search, hiện tại chi có file index.js (file render ra root cần thay đổi thôi)

[@hoidanit]

a có video hướng dẫn upgrate lên react 18 đấy em. còn khóa học này, thì đâu cần dùng react 18 đâu em

[@DungTran-di5wu]

npm install npm ERR! Unexpected token '.' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Admin\AppData\Local pm-cache\_logs\2022-10-11T09_16_24_516Z-debug-0.log em npm insatll nó báo lỗi như thế này thì làm sao fix được vậy a

[@hoidanit]

e dùng node.js version cũ hơn nhé. như trong video của a là 14.7

[@kurawata123456]

Cho mình hỏi cài nvm trên máy tính ,cài node js tren cmd rồi nhưng vào vs code gõ không có nvm và node js

[@hoidanit]

bạn dùng gitbash xem đc ko. với lại với VS code, nếu lỗi thì bạn paste luôn lên google là ra cách fix còn gì

[@huynhtrung7994]

theo video trước, mình xóa nodejs hiện tại r download nvm r install lai node js, nhưng bây giờ project của mình bị lỗi "Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect the stack trace of this error to look for the first entry that doesn't mention "@babel/core" or "babel-core" to see what is calling Babel". mình google để tìm cách upgrade babel lên nhưng k upgrade được. bạn có cách nào để fix lỗi ầy không. cảm ơn bạn

[@huynhtrung7994]

minh fix dc r. nhưng mình không hiểu lắm. trc khi cài đặt nvm minh dung node 18.14.0 de chay project. nhung sau khi cai nvm thi minh k chay dc node 18.14.0 nua minh phai cai dat them node.14.17.0 moi co thể start dc

[@hodinhthanhluan]

em chạy npm start thì bị lỗi này ạ PS D:\FullStack\Frontend-React.JS-QuickStart> npm start > react-app-hoi-dan-it@0.1.0 start D:\FullStack\Frontend-React.JS-QuickStart > react-scripts start Microsoft Windows [Version 10.0.22631.3593] (c) Microsoft Corporation. All rights reserved. còn chạy npx react-scripts start thì lại được là sao vậy ạ . Ai giải thích giúp em với

[@hoidanit]

bạn cài nodejs v14.17.0 để chạy bạn nhé

[@hodinhthanhluan]

@@hoidanit em có cài rồi ạ nhưng chạy lại bị lỗi này , còn node 20 > thì chạy được nhưng lại bị lỗi phiên bản thư viện ạ

[@hoidanit]

again. vẫn là node 14.17.0. bạn cứ dùng nodejs 20 thì nó vẫn vậy đấy bạn

[@hodinhthanhluan]

C:\Users\ASUS>node -v v14.17.0 C:\Users\ASUS>npm -v 6.14.13 C:\Users\ASUS>npx -v 6.14.13 em cài 14.17.0 rồi mà npm start vẫn lỗi đó ạ

[@hoidanit]

@@hodinhthanhluan vấn đề lỗi thì là lỗi gì. với lại. bạn gỡ hẳn nodejs của bạn ra xóa hết cache của nó nữa

[@QuyenNgoKhanh]

anh ơi em npm start nó không chạy được anh giúp em với ạ

[@hoidanit]

bạn cài nodejs v14.17.0

[@QuyenNgoKhanh]

@@hoidanit dạ em cài được rồi em cảm ơn anh ạ loay hoay từ sáng tới giờ luôn😁😁😁😁

[@haiphong2868]

@@hoidanit Bắt buộc phải nodejs v14 17.0 hả a? Vì e run câu lệnh npm start cũng k build được. Dưới là 1 đoạn nhỏ của lỗi a ạ npm error gyp ERR! cwd C:\Booking\ReactJS ode_modules ode-sass npm error gyp ERR! node -v v20.15.1 npm error gyp ERR! node-gyp -v v7.1.2 npm error gyp ERR! not ok npm error Build failed with error code: 1

[@haiphong2868]

M gỡ version mới và cài lại ver v14.17.0 thì npm install được rồi b.

[@LinhNguyen-il8ew]

em chạy npm start mà trang web không thể truy cập thì là bị lỗi gì ạ

[@hoidanit]

e post lên group hỏi dân it với eric ấy. em miêu tả vậy thì anh bó tay đấy =))

[@sonhoang7762]

A ơi, ở đây khi e npm install thì e bị lỗi, e có sửa cái start như sau thì chạy được "start": "nodemon --exec ./node_modules/.bin/babel-node react-scripts start", e sửa như này thì sau này nó có bị lỗi gì không a, e có cần thiết phải hạ version xuống ko ạ

[@minhhoangnguyen6797]

khi tải project của a về có file .git. file này xóa đi có bị sao ko anh?

[@hoidanit]

ko e. e có thể dùng câu lệnh git init là nó tạo lại cái mới cho e mà :v

[@minhan4444]

chỉ cách setup behind the scenes đi anh

[@hoidanit]

là sao e. a chưa hiểu câu hỏi của e

[@minhan4444]

@@hoidanit setup 1 dự án như trên á anh các đủ các axios.js, ...

[@nguyenphung1797]

PS D:\full_stack_web_HoiDanIT\Reactjs> node --version v14.17.0 PS D:\full_stack_web_HoiDanIT\Reactjs> npm install npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npm install + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFo undException + FullyQualifiedErrorId : CommandNotFoundException em dùng node 14.17.0 rồi mà chạy ra lỗi này thì fix sao anh. em cảm ơn

[@hoidanit]

bạn check máy bạn thôi. như ở trên là chưa có npm

[@nguyenphung1797]

@@hoidanit dạ em cảm ơn anh ạ để xem check lại xem. Em cũng làm như anh mà bị lỗi vậy

[@tqn2312]

Định code tailwind mà nhìn quả setup thôi code sass luôn :((

[@hoidanit]

tùy thôi mà bạn. học cái gì basic, dễ dùng là đc. chứ đi làm, đâu biết cty sẽ làm công nghệ gì đâu

[@nhatbantran2862]

anh ơi em bị lỗi như thế này thì làm sao ạ. ./src/redux.js Module not found: Can't resolve 'redux-state-sync' in 'E:\LapTrinhReact\Frontend_React.JS\src'

[@hoidanit]

em thử cài lại node_modules xem thế nào

[@nhatbantran2862]

@@hoidanit em đã cài lại. Em nghĩ do lỗi mạng của em ko tốt. Cảm ơn anh đã phản hồi

[@sevente_en]

khi em npm install thì dính lỗi này là sao anh: npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm ERR! Unexpected token '.' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\DELL\AppData\Local pm-cache\_logs\2022-11-11T12_43_00_639Z-debug-0.log

[@hoidanit]

hạ version node.js đi bạn. như trong video mình dùng node v14.17

[@truongmainhattan7033]

Anh ơi, cho em hỏi, lúc em dùng câu lệnh npm install nó bị lỗi như thế này npm ERR! Unexpected token '.' npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\01042001\AppData\Local pm-cache\_logs\2022-04-13T14_22_05_957Z-debug-0.log Em đã search lỗi trên mạng và thử làm theo vài cách nhưng vẫn không được, lỗi này fix như nào vậy ạ

[@truongmainhattan7033]

Em fix được rồi ạ,node version của em là 16.14.2, em phải hạ xuống như version của anh nó mới chạy

[@hoidanit]

ok em nhé :v

[@DucCanh19]

ERROR in ./src/styles/styles.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/styles/styles.scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import. ╷ 2 │ @import '../../node_modules/bootstrap/scss/bootstrap'; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ src\styles\styles.scss 2:9 root stylesheet Anh ơi cho em hỏi là lỗi này thì fix sao ạ.

[@hoidanit]

check code đi e =))

[@DucCanh19]

@@hoidanit em clone từ trên git về sau em install về nó cứ bị Error ý anh ạ.

[@hoidanit]

check version nodejs. ở video a dùng 14.17.0

[@DucCanh19]

@@hoidanit dạ vâng ạ. Em cảm ơn anh ạ.

[@thanhongtls7417]

@@DucCanh19 fix được không bạn ơi, mình cũng bị tương tự, mặc dùng cũng version 14.17.0

[@hongocdung4087]

anh ơi tại sao em tải proj từ github lên lại bị lỗi ạ

[@hoidanit]

bạn dùng nodejs version như video