React Webpack üretimi neden boş sayfa gösteriyor?

Question

Bir tepki uygulaması yapıyorum ve şu anda webpack-dev-server sadece iyi çalışıyor (Merhaba dünya metin çıkageliyor), Ancak webpack -p boş sayfa gösterir. Üretim yapısı için chrome dev araçları'nın altındaki ağ sekmesi index.html ve index_bundle.js boyutlarını 0 B (resme bakın) olarak gösterir. Fakat Bu durum açıkça değil. HTML dosya boyutu 227 B'dir & index_bundle.js dosya boyutu 195Kb'dir (resme bakın)

Ayrıca Krom Devtools Elemanları Tab

Benim webpack yapılandırma dosyası aşağıdaki gibidir (resme bakın) aşağıdakiler gösterilmektedir: bir loca kurma olmadan ben browserHistory kullanıyordum bunu anladım

Answer 1

l sunucu. Eğer bunu hashHistory olarak değiştirdim, işe yaradı. Webpack üretimini yerel olarak tepkisel yönlendirici tarayıcı geçmişi ile sınamak için bunu yapmam gerekiyor: Sunucu Yapılandır:

Sunucunuz gerçek URL'leri işlemeye hazır olmalıdır. Uygulama ilk olarak yüklendiğinde/büyük olasılıkla işe yarayacaktır, ancak kullanıcı etrafta gezinirken ve/account/23'te yenilendiğinde web sunucunuz/account/23'e bir istek alır. Bu URL’yi işlemek ve yanıtınıza JavaScript uygulamanızı eklemeniz gerekir.

ekspres uygulaması şöyle olabilir:

const express = require('express') 
const path = require('path') 
const port = process.env.PORT || 8080 
const app = express() 

// serve static assets normally 
app.use(express.static(__dirname + '/public')) 

// handle every other route with index.html, which will contain 
// a script tag to your application's JavaScript file(s). 
app.get('*', function (request, response){ 
    response.sendFile(path.resolve(__dirname, 'public', 'index.html')) 
}) 

app.listen(port) 
console.log("server started on port " + port) 

Ve her ihtimale karşı herkes tepki-yönlendirici tarayıcı geçmişi ile kullanarak Firebase dağıtma yapmak bu: Üretim yapılandırma ne yapar

{ 
    "firebase": "<YOUR-FIREBASE-APP>", 
    "public": "<YOUR-PUBLIC-DIRECTORY>", 
    "ignore": [ 
    "firebase.json", 
    "**/.*", 
    "**/node_modules/**" 
    ], 
    "rewrites": [ 
    { 
     "source": "**", 
     "destination": "/index.html" 
    } 
    ] 
}