แอปตอบโต้ติดอยู่ที่“ การเริ่มต้นเซิร์ฟเวอร์การพัฒนา”

ฉันมีแอป react ที่สร้างโดย create-react-app หลังจากรัน npm start (สคริปต์เริ่มต้นมีอยู่ใน package.json เป็น "start": "react-สคริปต์ start") คอนโซลบอกว่าการเริ่มต้นเซิร์ฟเวอร์การพัฒนาตามปกติและเริ่มเบราว์เซอร์ แต่หลังจากนี้ทั้งคอนโซลและเบราว์เซอร์ไม่ทำอะไรเลยอย่างไม่มีกำหนด ไม่มีข้อผิดพลาดหรือเอาท์พุท มันไม่ทำอะไรเลย

ตรวจสอบคะแนน Tow นี้

1. รันคำสั่ง npm install ก่อนที่คุณจะเริ่มเซิร์ฟเวอร์

จากนั้นจะไม่ทำงานโปรดลองคำสั่งที่สอง

2. ลบโมดูลโหนดและรันการติดตั้ง npm อีกครั้ง

หากคะแนนทั้งสองนี้ใช้งานไม่ได้โปรดให้ภาพหน้าจอสำหรับการวิเคราะห์เพิ่มเติม

ในที่สุดก็แก้ปัญหานี้ สำหรับฉันปัญหาอยู่ในการกำหนดค่า webpack ของฉัน ฉันมีนามแฝงของ webpack อยู่ในนั้นซึ่งมีชื่อนามแฝงเหมือนกับชื่อแพคเกจ npm ของฉัน

เช่นของฉันpackage.jsonมีดังต่อไปนี้ที่ด้านบน

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

ภายในตัวฉันwebpack.config.jsฉันมี

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

เมื่อฉันเปลี่ยนนามแฝงของเว็บแพคเป็นทุกอย่างต่อไปนี้ทำงานได้ดี

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

ฉันมีสิ่งที่คล้ายกันเกิดขึ้นกับฉัน

ฉันมีโครงการตอบกลับที่ฉันต้องการแปลงเป็น typescript และฉันเริ่มต้นเมื่อคุณจดบันทึกด้วย "create-react-app" เพิ่มไฟล์ทั้งหมดของฉันและหวังว่าจะดีที่สุด - แต่ติดอยู่กับคุณใน "การเริ่มต้นเซิร์ฟเวอร์การพัฒนา ข้อความ”

ฉันมี 8GB Ram พร้อมกับ Windows 10 และเมื่อฉันใช้ค่าเริ่มต้น "npm start" เป็นครั้งแรกที่ฉันเห็นกระบวนการของโหนดใช้หน่วยความจำจำนวนมาก - ดังนั้นฉันจึงพยายามให้มากขึ้นและในเวลาเดียวกันฉันเบื่อที่จะ เปลี่ยนการตอบสนองของพอร์ตที่ใช้

1. เพิ่มสิ่งนี้ในสคริปต์เริ่มต้นใน package.json:

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

2. ปิดเบราว์เซอร์ Chrome ทั้งหมดของฉัน (พวกเขาใช้หน่วยความจำค่อนข้างมาก)

3. และให้เวลาประมาณ 1 นาทีในการวิ่ง

หลังจาก 1 นาทีมันเริ่มทำงานและจากจุดนั้นมันก็เริ่มทำงานได้อย่างรวดเร็วและไม่ได้ใช้หน่วยความจำมากและไม่ขึ้นอยู่กับพอร์ตที่ฉันเลือก

ในกรณีของฉัน - ฉันเดาว่าครั้งแรกที่คุณเรียกใช้ "เริ่มต้น npm" ในโครงการ React typescript มันอาจทำดัชนีไฟล์ (หรือทำสิ่งที่คล้ายกัน - ฉันไม่แน่ใจและอาจต้องอ่านเกี่ยวกับมัน - ฉันใหม่กับ typescript ) ซึ่งใช้หน่วยความจำจำนวนมาก

ในกรณีของคุณ - มันอาจเป็นอะไรที่คล้ายกัน

หวังว่าจะช่วย :)

ตรวจสอบให้แน่ใจว่าการอ้างอิงของคุณpackage.jsonรวมถึงต่อไปนี้:

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

และสคริปต์ที่จะ:

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

เมื่อคุณแน่ใจแล้วคุณสามารถทำตามขั้นตอนต่อไปนี้:

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

หวังว่าจะได้ผลสำหรับคุณ

ฉันเชื่อว่าคุณอาจมีปัญหากับ Node และ npm ฉันขอแนะนำให้ตรวจสอบรุ่นก่อน - คุณจะต้องมี Node> = 8.10 และ npm> = 5.6 บนเครื่องของคุณและอัปเดตหากจำเป็น มันคุ้มค่าที่จะลองติดตั้งโหนดใหม่

การตรวจสอบบันทึกของโหนดสามารถให้ข้อมูลเกี่ยวกับปัญหาของคุณ (ข้อมูลเพิ่มเติมเกี่ยวกับวิธีการเข้าสู่ระบบที่นี่ )

ฉันก็มีปัญหาเดียวกัน ลองติดตั้ง react-สคริปต์รุ่นก่อนหน้า

npm install react-scripts@2.1.8

หวังว่านี่จะช่วยได้!

มีปัญหาเดียวกันฉันต้องสร้างมันขึ้นมาก่อน

npm build แล้วก็ npm start

ฉันใช้งานเครื่อง Mac ของฉันและต้องขออนุญาตให้เครื่องโต้ตอบกับ chrome ก่อนที่จะทำงาน

สำหรับฉันปัญหาคือว่าฉันมี.cssไฟล์

ฉันเปลี่ยนชื่อไฟล์ css เป็น.scssและทำงานได้

create-react-app chokes บนไฟล์ CSS สำหรับฉันด้วยเหตุผลบางอย่าง

แปลก.