लापता पथ @ वेब मुख्य

Question

में वेबपैक त्रुटि में जब मैं अपना निर्माण चलाने की कोशिश करता हूं तो मुझे वेबपैक में एक त्रुटि दिखाई दे रही है।

webpack --config conf/webpack.build.config.js --progress --colors --display-error-details --display-modules --display-reasons 
Hash: e633ac8cf3ba9196f876 
Version: webpack 1.12.9 
Time: 312ms 
        Asset  Size Chunks    Chunk Names 
tinymce-comments-plus-bundle.js 5.88 kB  0 [emitted] main 
    [0] multi main 28 bytes {0} [built] [1 error] 
    [1] ./js/tinymce-comments-plus.js 0 bytes [built] [failed] 
     single entry ./js/tinymce-comments-plus.js [0] multi main 
ERROR in missing path 
@ multi main 

विकल्प.बिल्ड सही है जब एनपीएम कार्य चल रहा है। मैंने पथ को समायोजित करने का प्रयास किया है लेकिन यह नहीं लगता कि कौन सा पथ गलत है। @ बहु मुख्य कहां है?

यहां मेरी वेबपैक कॉन्फ़िगरेशन है।

module.exports = function(options) { 

var path = require('path'), 
    cssLoaders = 'style!css', 
    scssLoaders = cssLoaders + '!sass', 
    babelLoader = 'react-hot!babel', 
    webpack = require('webpack'), 
    ExtractTextPlugin = require('extract-text-webpack-plugin'); 

function extractLoaders(extract, loaders) { 
    return ExtractTextPlugin.extract(extract, loaders.substr(loaders.indexOf('!'))); 
} 

if (options.build) { 
    cssLoaders = extractLoaders('style', cssLoaders); 
    scssLoaders = extractLoaders('style', scssLoaders); 
    babelLoader = extractLoaders('react-hot', babelLoader); 
} 


return { 
    entry: [ './js/tinymce-comments-plus.js' ], 
    output: { 
     path: __dirname + '/../js', 
     publicPath: options.build ? '/dist/' : 'http://localhost:8080/', 
     filename: 'tinymce-comments-plus-bundle.js', 
     // hot: true, 
     // headers: { 'Access-Control-Allow-Origin': '*' } 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       loader: cssLoaders 
      }, 
      { 
       test: /\.scss$/, 
       loader: scssLoaders 
      }, 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: babelLoader 
      }, 
      { 
       test: /\.jsx$/, 
       exclude: /node_modules/, 
       loader: babelLoader 
      } 
     ] 
    }, 
    resolve: { 
     root: [ 
      path.join(__dirname, '..', 'components'), 
      path.join(__dirname, '..', 'js'), 
      path.join(__dirname, '..', 'sass'), 
     ], 
     extensions: [ '', '.js', '.jsx', '.sass', '.scss', '.css' ], 
    }, 
    plugins: options.build ? [ 
     // build plugins 
     new ExtractTextPlugin('./css/[name].css'), 
     new webpack.optimize.UglifyJsPlugin({ 
      compress: { 
       warnings: false 
      } 
     }), 
     new webpack.HotModuleReplacementPlugin() 
    ] : [ 
     // dev plugins 
     new ExtractTextPlugin('./css/[name].css'), 
     //new webpack.HotModuleReplacementPlugin() 
    ] 
}; } 

Answer 1

मैं ने वही समस्या थी, मैं npm link webpack

इसके अलावा विश्व स्तर पर npm install -g webpack का उपयोग कर webpack स्थापित करने तो वैश्विक स्थापना को जोड़ने की सलाह देते हैं, यह सुनिश्चित करें कि आप अपना एक्सटेंशन resolve.extensions

resolve: { 
    extensions: ['', '.ts', '.tsx', '.js'] // <-- Had to add the .js one 
}