वेबपैक-देव-सर्वर त्रुटि: आवश्यक नहीं है

Question

वेबपैक स्वयं ठीक काम कर रहा है, लेकिन वेबपैक-देव-सर्वर नहीं है। असल में, वेबपैक ने मेरे लिए 2 बिल्ड फाइलें बनाई, एक बैक-एंड बंडल और फ्रंट एंड बंडल। तो, इनमें से प्रत्येक के लिए मेरे पास एक वेबपैक-config.js है। मैं वेबपैक-डीवी-सर्वर के साथ अपना फ्रंट-एंड कोड विकसित करना चाहता हूं, क्योंकि आप नीचे मेरे फ्रंट-एंड-बंडल.जेएस के लिए मेरी वेबपैक-कॉन्फ़िगरेशन फ़ाइल से देख सकते हैं। जब मैं वेब-पैक-डीवी सर्वर चलाता हूं, तो यह मेरे फ्रंट-एंड.जेएस और इंडेक्स.html को ढूंढने और बनाने में सक्षम होता है, लेकिन कंसोल में कुछ भी प्रस्तुत नहीं करता है और यह मुझे देता है "अनकॉट रेफरेंस एरर: आवश्यकता परिभाषित नहीं है"

// var nodeExternals = require('webpack-node-externals'); 
var webpack = require('webpack'); 

module.exports = { 
entry: './browser/entry.js', 
output: { 
    path: './builds', 
    filename: 'frontend.js' 
}, 
plugins: [ 
    new webpack.DefinePlugin({ 
     'process.env.NODE_ENV': '"development"' 
    }), 
    new webpack.DefinePlugin({ 
     'process.env': { 
      'NODE_ENV': '"development"' 
     } 
    }) 
], 
module: { 
    loaders: [ 
     { 
      test: [/\.es6$/, /\.js$/, /\.jsx$/], 
      exclude: 'node_modules', 
      loader: 'babel-loader', 
      query: { 
       presets: ['react', 'es2015', 'stage-1'] 
      } 
     }, 
     { 
      test: /\.json$/, 
      loader: 'json-loader' 
     }, 
     { 
      test: /\.html$/, 
      loader: 'html-loader' 
     }, 
    ] 
}, 
resolve: { 
    extensions: ['', '.js', '.es6', '.json'], 
    root: '/Users/johnhenry/Desktop/GAMR/gamr/browser' 
}, 
devServer: { 
    contentBase: 'builds/dev-build' 
}, 
target: 'node', 
// externals: [nodeExternals()] 
} 

त्रुटि मेरे सामने के अंत निर्माण में इस से शुरू हो रहा है (यह केवल डेव सर्वर निर्माण में है, गैर देव-सर्वर webpack निर्माण में नहीं):

function(module, exports) { 

module.exports = require("url"); 

किसी को भी तो इसमें अंतर्दृष्टि है, इसकी सराहना की जाएगी

Answer 1

एडिन आज़माएं जी:

target: 'web' 

आपके मॉड्यूल ब्लॉक में।

Answer 2

मैं एक ही त्रुटि थी और अगर किसी को अब भी इस के साथ संघर्ष कर रहा है, इस समाधान भी मुझे मदद की:

... There are 2 ways to solve the issue:

1. (Recommended) Don't activate webpack-node-externals in your Webpack browser config, but let Webpack indeed bundle those modules when targeting the web (this is probable what you want to do)

2. Have the external modules loaded in some other way in the browser, and add the appropriate importType flag to the webpack-node-externals configuration (either var for scripts or amd for AMD)

अधिक यहाँ विवरण: https://github.com/liady/webpack-node-externals/issues/17#issuecomment-284222729