2016-06-02 6 views
6

मैं अपने स्थानीय नेटवर्क पर किसी डिवाइस से एक प्रतिक्रिया वेबसाइट का परीक्षण करना चाहता हूं। यह अन्य पीसी पर काम करता है लेकिन मेरे फोन पर नहीं।स्थानीय नेटवर्क से वेबपैक देव सर्वर तक पहुंच रहा है? (मोबाइल पर रीटैक्ट हॉट रीलोडिंग)

क्या आपके पास कोई विचार है कि इसका क्या कारण हो सकता है?

const webpack = require('webpack'); 
const path = require('path'); 

module.exports = { 

    entry: { 
     mainFeedPage: [ 
      'webpack/hot/only-dev-server', 
      './src/mainFeedPage.js' 
     ], 
     venues: [ 
      'webpack/hot/only-dev-server', 
      './src/venues.js' 
     ], 
     artists: [ 
      'webpack/hot/only-dev-server', 
      './src/artists.js' 
     ] 
    }, 
    output: { 
     path: path.resolve(__dirname, 'public'), 
     filename: 'js/[name].js', 
     publicPath: '/public/' 
    }, 
    devServer: { 
     inline:true, 
     port: 4000, 
     hot: true, 
     colors: true, 
     progress: true, 
     host: '0.0.0.0' 

    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /node_modules/, 
       loaders: [ 
        'react-hot', 
        'babel?presets[]=react,presets[]=es2015' 
       ] 
      } 
     ] 
    }, 

    plugins: [ 
     new webpack.HotModuleReplacementPlugin(), 
     new webpack.NoErrorsPlugin(), 
     new webpack.optimize.CommonsChunkPlugin({ 

      // Export bundles for each entry and one for code they share 
      name: "shared", 
      filename: "js/shared.js", 
      chunks: ["mainFeedPage", "venues"] 
     }) 
    ], 

    resolve: { 
     modulesDirectories: ['node_modules', 'src', 'components', 'stores'], 
     extensions: ['', '.js', '.scss'], 
     root: [path.join(__dirname, './src')], 
    } 
}; 

अद्यतन इस कोशिश की, लेकिन यह काम करने के लिए नहीं मिल सका: https://github.com/gaearon/react-hot-loader/issues/107#issuecomment-85712166

उत्तर

0

Christian's example मेरी समस्या हल हो गई। यदि आप बंडलों का उपयोग करना चाहते हैं तो आपको webpack.config फ़ाइलों को कस्टमाइज़ करना होगा। यह सिर्फ गुगलिंग द्वारा हल किया जा सकता था, लेकिन मुझे यह समझने में काफी समय लगा कि कैसे नोड और एक्सप्रेस काम करते हैं ...

0

यह एक सीधा ठीक नहीं है, लेकिन मैं के आधार पर एक परियोजना मिल गया है यहाँ कैसे मेरी कॉन्फ़िग फ़ाइल लग रहा है दान एब्रमोव द्वारा प्रस्तावित बॉयलरप्लेट को रिएक्ट करें और यह मोबाइल एंड्रॉइड डिवाइस पर बेकार ढंग से काम करता है। आईओएस पर परीक्षण नहीं किया है। यह हॉट लोडर को प्रतिक्रिया देने के सिद्धांत में बहुत समान है: https://github.com/gaearon/react-transform-boilerplate

यह बहिष्कृत है, लेकिन संस्करण 3 जारी होने तक प्रतिक्रिया हॉट लोडर भी है।

मान्य है, यह 'समाधान' शायद स्लेजहैमर के साथ एक नाखून मारने जैसा है। उम्मीद है कि कोई ऐसा आसान पेशकश कर सकता है जिसके लिए निर्भरताओं का एक समूह स्वैप करने और कॉन्फ़िगरेशन बनाने की आवश्यकता नहीं है।

संबंधित मुद्दे