"Geliştirme sunucusunun başlatılması" konusunda tepki uygulaması kaldı

Ben oluştur-tepki-app tarafından oluşturulan bir tepki uygulaması var. Npm start çalıştırdıktan sonra (start komut dosyası package.json içinde "start" olarak ":" tepki komut dosyaları start "olarak bulunur) konsolda geliştirme sunucusunu her zamanki gibi başlatma ve tarayıcıyı başlatma. Ancak bundan sonra hem konsol hem de tarayıcı kesinlikle hiçbir şey yapmaz. Hata veya çıktı yok. Hiçbir şey yapmaz.

Bu Çekme noktalarını kontrol edin

1. Sunucuyu başlatmadan önce npm install komutunu çalıştırın.

Sonra da çalışmıyor, lütfen ikinci komutu deneyin

2. Düğüm modüllerini çıkarın ve npm kurulumunu bir kez daha çalıştırın.

Bu iki nokta işe yaramadıysa, lütfen daha fazla analiz için ekran görüntüsünü sağlayın.

Sonunda bunu çözdüm. Benim için sorun webpack yapılandırmamda yatıyordu. Orada takma adı npm paketimin adı ile aynı olan bir web paketi takma adı vardı.

Yani benim package.jsonüst kısmında aşağıdaki vardı.

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

Benim içinde webpack.config.jsI vardı

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

Webpack takma adını aşağıdaki şekilde değiştirdikten sonra her şey yolunda gitti

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

Bana benzer bir şey oluyor.

Typescript'e dönüştürmek istediğim bir tepki projem var ve "create-tepki-uygulaması" ile belirttiğiniz gibi başladım, tüm dosyalarımı ekledim ve en iyisini umduğum - ama sizin gibi “geliştirme sunucusunu başlatma” " İleti.

Windows 10 ile 8GB Ram var ve bir kez varsayılan "npm start" kullandığımda düğüm işlemi çok fazla bellek kullandığını gördüm - Bu yüzden daha fazla vermeye çalıştım ve aynı zamanda yorgun bağlantı noktası tepki kullanımını değiştirir.

1. Bunu package.json'daki başlangıç ​​komut dosyasına ekledi:

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

2. Tüm krom tarayıcılarımı kapattım (hemen hemen hafıza alıyorlar)

3. Ve koşması yaklaşık 1 dakika verdi

1 dakika sonra çalışmaya başladı ve o andan itibaren hızlı bir şekilde başlıyor ve çok fazla bellek kullanmıyor ve seçtiğim porta bağlı değil

Benim durumumda - Ben React Typescript projesinde "npm start" ilk çalıştırdığınızda muhtemelen dosyaları dizin (ya da benzer bir şey yapar - emin değilim ve muhtemelen bu konuda okumak gerekir - typescript yeni ) çok fazla bellek alır.

Sizin durumunuzda - Benzer bir şey olabilir

Umarım yardımcı olur :)

İçindeki bağımlılıklarınızın package.jsonaşağıdakileri içerdiğinden emin olun :

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

Ve komut dosyaları:

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

Bunu sağladıktan sonra aşağıdaki adımları uygulayabilirsiniz:

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

Umut sizin için çalışır.

Düğüm ve npm ile ilgili bazı sorunlarınız olabileceğine inanıyorum. Önce sürümleri kontrol etmenizi öneririm - makinenizde Düğüm> = 8.10 ve npm> = 5.6'ya sahip olmanız ve gerekirse güncellemeniz gerekir. Düğümü yeniden yüklemeye çalışabilir.

Düğüm günlüklerini kontrol etmek, sorununuz hakkında bazı ipuçları verebilir ( buraya nasıl giriş yapılacağı hakkında daha fazla bilgi )

Ben de aynı sorunu yaşıyordum. Reaksiyon komut dosyalarının önceki bir sürümünü yüklemeyi deneyin.

npm install react-scripts@2.1.8

Bu yardımcı olur umarım!

aynı sorunu vardı, önce yapmalıydım

npm build sonra npm start

Mac'imde tepki veriyordum ve terminalin işe yaramadan önce kromla etkileşime girmesine izin vermek zorunda kaldım.

Benim için sorun .cssdosyalarım oldu.

Css dosyalarımı yeniden adlandırdım .scssve işe yarıyor.

Nedense benim için CSS dosyalarında oluştur-tepki-uygulama bobinleri.

Tuhaf.