Ứng dụng React bị kẹt trên nền tảng Bắt đầu máy chủ phát triển

Tôi có một ứng dụng phản ứng được tạo bởi ứng dụng tạo-phản ứng. Sau khi chạy npm start (tập lệnh bắt đầu có trong gói.json là "start": "Reac-scripts start"), giao diện điều khiển cho biết Khởi động máy chủ phát triển như bình thường và kích hoạt trình duyệt. Nhưng sau này cả console và trình duyệt hoàn toàn không làm gì cả. Không có lỗi hoặc đầu ra. Nó chỉ đơn giản là không làm gì cả.

Kiểm tra điểm Tow này

1. Chạy lệnh npm install trước khi bạn khởi động máy chủ.

Sau đó, nó không chạy, vui lòng thử lệnh thứ hai

2. Hủy bỏ các mô-đun nút và chạy cài đặt npm một lần nữa.

Nếu hai điểm này không hoạt động, vui lòng cung cấp ảnh chụp màn hình để phân tích thêm.

Cuối cùng cũng giải quyết được điều này. Đối với tôi vấn đề nằm ở cấu hình webpack của tôi. Tôi có một bí danh webpack trong đó có tên bí danh giống như tên của gói npm của tôi.

tức là My package.jsoncó cái sau ở trên.

"name": "@mycompany/react-common-components"

Trong tôi webpack.config.jsđã có

alias: {
        '@mycompany/react-common-components': path.resolve(__dirname, '../src/components')
      },

Khi tôi thay đổi bí danh webpack thành sau đây, mọi thứ sẽ hoạt động tốt

alias: {
        'react-common-components': path.resolve(__dirname, '../src/components')
      },

Tôi có một cái gì đó tương tự xảy ra với tôi.

Tôi có một dự án phản ứng mà tôi muốn chuyển đổi sang Bản mô tả và tôi đã bắt đầu như bạn đã lưu ý với "ứng dụng tạo phản ứng", thêm tất cả các tệp của mình và hy vọng điều tốt nhất - nhưng bị kẹt như bạn trên máy tính Bắt đầu phát triển " thông điệp.

Tôi có Ram 8GB với Windows 10 và lần đầu tiên tôi sử dụng "npm start" mặc định, tôi đã thấy quá trình nút sử dụng rất nhiều bộ nhớ - Vì vậy, tôi đã cố gắng cung cấp cho nó nhiều hơn và đồng thời tôi mệt mỏi với thay đổi sử dụng cổng phản ứng.

1. Đã thêm phần này vào tập lệnh bắt đầu trong pack.json:

   "scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }

2. Đã đóng tất cả các trình duyệt chrome của tôi (chúng chiếm khá nhiều bộ nhớ)

3. Và cho nó khoảng 1 phút để chạy

Sau 1 phút nó bắt đầu hoạt động và từ thời điểm đó, nó chỉ khởi động nhanh và không sử dụng nhiều bộ nhớ và không phụ thuộc vào cổng tôi chọn

Trong trường hợp của tôi - Tôi đoán rằng lần đầu tiên bạn chạy "npm start" trong dự án React Formscript, nó có thể lập chỉ mục các tệp (hoặc làm một cái gì đó tương tự - Tôi không chắc chắn và có lẽ cần phải đọc về nó - Tôi mới biết về bản thảo ) mà mất rất nhiều bộ nhớ.

Trong trường hợp của bạn - Nó có thể là một cái gì đó tương tự

Hy vọng nó giúp :)

Hãy chắc chắn rằng các phụ thuộc của bạn package.jsonbao gồm những điều sau đây:

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.0"

Và các kịch bản sẽ là:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}

Khi bạn đảm bảo điều đó, bạn có thể làm theo các bước sau:

1. npm install
2. npm run build
3. npm start

Hy vọng sẽ làm việc cho bạn.

Tôi tin rằng bạn có thể có một số vấn đề với Node và npm. Tôi sẽ khuyên bạn nên kiểm tra các phiên bản trước - bạn sẽ cần có Node> = 8.10 và npm> = 5.6 trên máy của mình và cập nhật nếu cần. Nó có thể đáng để thử cài đặt lại nút.

Kiểm tra nhật ký nút có thể cung cấp một số manh mối về vấn đề của bạn (thêm thông tin về cách đăng nhập tại đây )

Tôi cũng gặp vấn đề tương tự. Hãy thử cài đặt một phiên bản trước của các kịch bản phản ứng.

npm install react-scripts@2.1.8

Hi vọng điêu nay co ich!

có cùng một vấn đề, tôi phải xây dựng nó trước

npm build sau đó npm start

Tôi đã chạy phản ứng trên máy Mac của mình và phải cho phép thiết bị đầu cuối tương tác với chrome trước khi nó hoạt động.

Đối với tôi vấn đề là tôi đã có .css tập tin.

Tôi đã đổi tên tập tin css của mình thành .scss và nó hoạt động.

Đối với một số lý do, cuộn cảm ứng dụng tạo ứng dụng trên các tệp CSS cho tôi.

Kỳ dị.