Web Paketi'ni React-router bundle.js ile Kullanma Bulunamadı

Question

Webpack ve react-rounter ile bir proje yapıyorum. i "http://127.0.0.1:3001/purchase" talep ettiğinizde, bu iş

ReactDOM.render(
 
    <Provider store={store}> 
 
     <Router history={ browserHistory }> 
 
      <Route path='/' component={ App } > 
 
       <IndexRoute component={ Home } /> 
 
       <Route path="purchase" component={ Purchase } /> 
 
       <Route path="purchase/:id" component={ Purchase } /> 
 
      </Route> 
 
     </Router> 
 
    </Provider>, 
 
    document.getElementById('example') 
 
);

var: bu benim kodudur! ancak "http://127.0.0.1:3001/purchase/a" adresinde hata var. enter image description here

Benim WebpackDevServer yapılandırma geçerli:: hata mesajı bakmak

new WebpackDevServer (webpack(config), { 
 
    publicPath: config.output.publicPath, 
 
    hot: true, 
 
    noInfo: false, 
 
    historyApiFallback: true 
 
}).listen(3001, '127.0.0.1', function (err, result) { 
 
     if (err) { 
 
      console.log(err); 
 
     } 
 
     console.log('Listening at localhost:3001'); 
 
    });

Ben olsun bana yardım bilmiyorum!

Answer 1

index.html'nizde bundle.js dosyasının yolunu açıklamak için göreli bir yol kullanıyorsunuz.

Sen

Mutlak yol kök dizin ve dosya veya klasör içinde yer aldığı diğer tüm alt dizinleri içeren index.html içinde bundle.js için mutlak yolunu kullanmalıdır.

Eğer index.html ile aynı yoldaysa. Örn.,

örn.

public/index.html

public/bundle.js

Bu sorunu çözmek olacaktır.

<script src="/bundle.js"></script>