Bạn check lại service app ở docker-compose.yml đoạn mount volume đã mount toàn bộ bên ngoài vào bên trong chưa (như vậy thì sau khi bạn chạy command kia thì node_modules mới được copy vào trong
@jirnmy ừh cảm ơn bạn phần này mình sẽ bổ sung, không quan trọng ở đây là những thứ không quan trọng khi tải trang (như CSS cho modal chẳng hạn) chứ những phần xác định layout, màu sắc.. thì vẫn cần đặt trên head để định hình giao diện cho web mà
Ví dụ về Chrome trong bài của bạn hơi sai, hay chính xác hơn là nó chỉ đúng với Chrome của cỡ >10 năm trước. Ngày nay Chrome đã theo kiến trúc multi-process, bạn vừa mở Chrome lên là nó đã spawn cả chục tiến trình rồi. Với mỗi tab bạn mở thêm hay mỗi extension mà bạn cài đặt, Chrome lại tạo thêm từng process riêng cho nó nữa.
@luuquangminh như mình nói, nó thuộc dạng block-rendering, nên bạn load css cũng làm cho quá trình render bị dừng
Bạn có thể google từ khóa critical css để hiểu thêm về phần này nhé. Tư tưởng của nó là chia ra làm phần quan trọng và không quan trọng, quan trọng thì để inline, k quan trọng thì load qua file.
@hoc_anms như nhau cả mà e, a dùng azure, aws, digital ocean rồi, VPS cùng cấu hình thì nó cũng thế, chắc bản student của e azure cho cấu hình lởm nên thế
THẢO LUẬN
chạy 4 lệnh lần luợt bị như hình
@maitrungduc1410 làm y bài hướng dẫn của bạn đó mà vẫn không được. Tui chạy win10 với docker desktop
Bạn check lại service
appởdocker-compose.ymlđoạn mount volume đã mount toàn bộ bên ngoài vào bên trong chưa (như vậy thì sau khi bạn chạy command kia thìnode_modulesmới được copy vào trongThử
docker-compose downvàuplại xem sao nhéVâng cảm ơn anh, em sẽ tìm hiểu thêm về phần này ạ
sao tui chạy docker run --rm -v /$(pwd):/app -w //app node:13-alpine npm install rồi mà khi run vẫn báo error
kul ^^
clap4
@jirnmy ừh cảm ơn bạn phần này mình sẽ bổ sung, không quan trọng ở đây là những thứ không quan trọng khi tải trang (như CSS cho modal chẳng hạn) chứ những phần xác định layout, màu sắc.. thì vẫn cần đặt trên head để định hình giao diện cho web mà
Ví dụ về Chrome trong bài của bạn hơi sai, hay chính xác hơn là nó chỉ đúng với Chrome của cỡ >10 năm trước. Ngày nay Chrome đã theo kiến trúc multi-process, bạn vừa mở Chrome lên là nó đã spawn cả chục tiến trình rồi. Với mỗi tab bạn mở thêm hay mỗi extension mà bạn cài đặt, Chrome lại tạo thêm từng process riêng cho nó nữa.
Cảm ơn bạn đã góp ý, mình đã chỉnh sửa lại cho mn dễ hiểu hơn rồi
hí hí
Quả chốt chất lượng quá :3
@hoc_anms chuẩn luôn e
Thanks bác. Chạy quá ngon. Em phải login vào để upvote.
@luuquangminh như mình nói, nó thuộc dạng block-rendering, nên bạn load css cũng làm cho quá trình render bị dừng
Bạn có thể google từ khóa
critical cssđể hiểu thêm về phần này nhé. Tư tưởng của nó là chia ra làm phần quan trọng và không quan trọng, quan trọng thì để inline, k quan trọng thì load qua file.@maitrungduc1410 vâng anh dù sao nó cũng chỉ là cloud infrastructure thôi nên cứ chiến thôi ạ
@hoc_anms như nhau cả mà e, a dùng azure, aws, digital ocean rồi, VPS cùng cấu hình thì nó cũng thế, chắc bản student của e azure cho cấu hình lởm nên thế