Ứng dụng React Bạn cần bật JavaScript để chạy ứng dụng này

Điều đó có nghĩa là bạn không nhận được bất kỳ thứ gì từ yêu cầu của mình, đó là tệp json của bạn không tồn tại trong thư mục hoặc cần có một số xác thực. . Hãy thử truy cập DevTools, chọn tab Mạng, sau đó gửi lại yêu cầu của bạn. Nếu bạn thấy điểm cuối của mình ở đó, hãy di chuột vào điểm cuối đó để xem nó có đang trỏ đến đúng thư mục không

"/giả dữ liệu. json" -trỏ tới "http. // localhost/dữ liệu giả. json" "dữ liệu giả mạo. json" - trỏ đến một thư mục trong "http. //localhost" không nhất thiết phải là thư mục con trực tiếp. Chú ý dấu "/" ở đầu

Trong thư mục bản dựng, bạn có nhiều tệp chỉ mục. html. Bạn cũng có build/js/main. xây dựngNumber. js và xây dựng/css/chính. xây dựngNumber. css. Vì vậy, khi lối vào của bạn yêu cầu https. //tên miền của bạn. com/css/chính. xây dựngNumber. js, nó trả về chỉ mục không chính xác. html không chính. js

Thay vào đó, bạn nên phân phối tĩnh nội dung của thư mục bản dựng với express. tĩnh

    app.use('/', express.static(__dirname + '/'));

Hoặc bạn có thể xem mô-đun nút "phục vụ" để lưu trữ ứng dụng của mình. Điều này sẽ hoạt động độc đáo với bộ định tuyến phản ứng. npm i -g serve rồi

"proxy": "http://localhost:5000"

0 rồi

"proxy": "http://localhost:5000"

1. Điều này sẽ phục vụ ứng dụng của bạn trên cổng 5000 (http. //máy chủ cục bộ. 5000)

Có nhiều lý do khiến bạn thấy lỗi Bạn cần bật Javascript để chạy ứng dụng này. Trong phần tiếp theo, chúng ta sẽ xem xét kỹ hơn từng người trong số họ. Và cung cấp một giải pháp cho từng lý do

Cách khắc phục lỗi

Trong phần này, chúng ta sẽ thảo luận về lý do tại sao bạn thấy lỗi You need to enable Javascript to run this app. Và cung cấp một giải pháp cho tất cả các lý do có thể

Giải quyết Javascript bị vô hiệu hóa bởi trình duyệt

Giải pháp rõ ràng nhất là kiểm tra xem bạn có bật Javascript trên trình duyệt không. Xét cho cùng, thông báo lỗi đang cố nói với chúng tôi rằng

Dưới đây là hướng dẫn bật Javascript trong tất cả các trình duyệt chính

• Trình duyệt Chrome
• firefox
• Cuộc đi săn

Đây là giải pháp đơn giản nhất, nhưng thông thường, nó không phải là giải pháp hiệu quả. Theo mặc định, chúng tôi có xu hướng bật Javascript vì hầu hết các trang web đang sử dụng nó

Ghi chú

Nếu bạn không gặp bất kỳ sự cố nào khi duyệt các trang web khác, rất có thể bạn đã bật Javascript

Giải quyết sai gói. cấu hình json

Nếu bạn đang chạy một máy chủ phụ trợ cùng với ứng dụng React của mình và bạn thấy lỗi sau. Có khả năng cao là bạn chưa cấu hình máy chủ proxy đúng cách

Ghi chú

Giải pháp sau đây đang cố gắng giải quyết vấn đề khi chạy máy chủ phát triển. Nếu bạn chỉ gặp sự cố này sau khi chạy bản dựng sản xuất, hãy chuyển sang phần tiếp theo

Để khắc phục sự cố này, hãy thử thêm dòng sau vào tệp

"proxy": "http://localhost:5000"

2 của bạn

"proxy": "http://localhost:5000"

Ghi chú

Đảm bảo thay đổi cổng 5000 thành bất kỳ số cổng nào mà máy chủ được thiết lập để nghe

Nếu thiết lập proxy không giải quyết được sự cố của bạn, bạn có thể thử tự thiết lập máy chủ Express

Thêm dòng sau vào tệp

"proxy": "http://localhost:5000"

2

"homepage": "."

Và theo dõi các thay đổi đối với tệp

"homepage": "."

0

app.use(express.static(__dirname));

app.get("/*", function(req, res) {
  res.sendFile(path.join(__dirname, "index.html"));
});

Giải quyết các vấn đề xây dựng sản xuất

Nếu bạn không gặp bất kỳ sự cố nào khi chạy ứng dụng React của mình trong máy chủ phát triển, nhưng bạn thấy lỗi Bạn cần bật Javascript để chạy ứng dụng này khi chạy bản dựng sản xuất. Bạn có thể cần thiết lập một máy chủ để phục vụ ứng dụng React của mình một cách chính xác

tiền boa

Chúng tôi có một hướng dẫn chuyên sâu về chủ đề này. Theo liên kết trên Cách chạy React Build cục bộ

Để phục vụ bản dựng sản xuất, bạn cần cài đặt gói có tên

"homepage": "."

1. Và sử dụng nó để phục vụ một bản dựng sản xuất

Trong thiết bị đầu cuối của bạn, hãy chạy lệnh sau

npm install -g serve
# Or if you're using Yarn
yarn global add serve

Tất cả những gì còn lại phải làm là nói với gói

"homepage": "."

1 bạn muốn phục vụ thư mục nào. Giả sử bạn đang ở trong thư mục dự án của mình. Bạn sẽ chạy một lệnh như thế này

________số 8

suy nghĩ kết luận

Bạn cần bật Javascript để chạy ứng dụng này là một lỗi phổ biến đối với các ứng dụng React. Và đôi khi, nó cũng có thể là một điều khó hiểu

Trong bài viết này, chúng tôi đã đề cập đến các lý do khiến bạn gặp lỗi You need to enable Javascript to run this app trong ứng dụng React của mình. Và chúng tôi cũng cung cấp nhiều giải pháp về cách xử lý lỗi này

Lần tới khi gặp phải lỗi này, bạn nên biết chính xác cách khắc phục sự cố đúng cách. Và cách khắc phục lỗi này trong dự án React của bạn

React có hoạt động nếu JavaScript bị tắt không?

Làm cách nào để thêm JavaScript vào React?