Cannot find mongoose module with webpack

[Amandeepsinghghai]

Getting the following error with webpack and mongoose - Uncaught Error: Cannot find module '././binary_parser'

Below is my webpack.config.js and the mongoose version I am using is 4.3.3

var path = require('path');
var webpack = require('webpack');
var config = require('./tasks/config');

module.exports = {
  context: path.join(__dirname, 'src'),
  devtool: 'eval',
  historyApiFallback: true,
  entry: {
    app: [
      'webpack-hot-middleware/client',
      './' + config.src.main
    ]
  },
  target: 'node',
  output: {
    path: path.join(__dirname, config.dest),
    filename: 'bundle.js',
    publicPath: '/static/'
  },
  node: {
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  },
  plugins: [
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development')
      }
    }),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.IgnorePlugin(/vertx/),
    new webpack.NoErrorsPlugin()
  ],
  resolve: {
    alias: {
      'redux': path.join(__dirname, 'node_modules/redux')
    },
    extensions: ['', '.js', '.json', '.node'],
    fallback: path.join(__dirname, 'node_modules')
  },
  resolveLoader: { fallback: path.join(__dirname, 'node_modules') },
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: ['react-hot', 'babel'],
      exclude: /node_modules/
    }, {
      test: /\.scss$/,
      loaders: ['style', 'css', 'sass'],
      include: __dirname
    }, {
      test: /\.html$/,
      exclude: /node_modules/,
      loader: 'file?name=[path][name].[ext]'
    }, {
      test: /\.json$/,
      loader: 'json'
    }, {
      test: /\.node$/,
      loader: 'node'
    }]
  }
};

The error is being thrown here

function webpackContextResolve(req) {
    return map[req] || (function() { throw new Error("Cannot find module '" + req + "'.") }());
};

Can someone please point me in the right direction????

[vkarpov15]

#3578 (comment) seems to have gotten it working. I'm unfortunately not familiar with webpack yet (only have tried with browserify) but I'll take a look this week.

[vkarpov15]

Also, FWIW, there's a pre-built minified version of mongoose on cloudfront: http://d1l4stvdmqmdzl.cloudfront.net/4.3.2/mongoose.min.js if you're not adamant about plugging mongoose into your webpack build. I usually just use the cloudfront version.

[vkarpov15]

Hmm I think you need the node loader to include mongoose with webpack. Probably not ideal but I'm not an expert on webpack but var mongoose = require('mongoose'); compiles just fine for me using the following config

module.exports = {
  entry: './test.js',
  output: {
    path: __dirname,
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      { test: /.*/, loader: 'node' }
    ]
  }
};

$ ./node_modules/.bin/webpack ./test.js bundle.js
Hash: 91a588c147e0ef2cbe62
Version: webpack 1.12.9
Time: 83ms
    Asset     Size  Chunks             Chunk Names
bundle.js  2.87 kB       0  [emitted]  main
   [0] multi main 52 bytes {0} [built]
    + 3 hidden modules

[vodkabears]

The error is reproduced if you run the app.

[vkarpov15]

Thanks @vodkabears, above PR should be sufficient to fix this.

[vodkabears]

Yep, i can confirm that mongodb driver with js-bson from the master branch works like a charm in the webpack's bundle right now.

[vodkabears]

P.S. mongoose has a strict dependency https://github.com/Automattic/mongoose/blob/master/package.json#L23, so you should update it after the release.

[vkarpov15]

Yep will do, thanks.