Fails with Webpack

[ronag]

Given the following config:

{
    "cache": true,
    "debug": true,
    "devtool": "eval-source-map",
    "entry": {
        "app": [
            "webpack-dev-server/client?http://localhost:8888",
            "webpack/hot/only-dev-server",
            "./src/client/index.jsx"
        ],
        "appintl": [
            "webpack-dev-server/client?http://localhost:8888",
            "webpack/hot/only-dev-server",
            "./node_modules/intl/Intl.js",
            "./node_modules/intl/locale-data/jsonp/en.js",
            "./src/client/index.jsx"
        ]
    },
    "module": {
        "loaders": [
            {
                "test": /\.json$/,
                "loader": "json"
            },
            {
                "test": /\.jsx?$/,
                "exclude": /node_modules/,
                "loaders": [
                    "react-hot",
                    "babel?experimental"
                ]
            }
        ],
        "noParse": /lie\.js$/
    },
    "output": {
        "path": "/Users/ronagy/Work/Projects2/Boffins/GitHub/borsen-mam/webpack/build/",
        "filename": "[name].js",
        "publicPath": "http://localhost:8888/build/"
    },
    "plugins": [
        {
            "definitions": {
                "process.env": {
                    "NODE_ENV": "\"development\"",
                    "IS_BROWSER": true
                }
            }
        },
        null,
        {},
        {}
    ],
    "resolve": {
        "extensions": [
            "",
            ".js",
            ".jsx",
            ".json"
        ],
        "alias": {
            "is": "is_js"
        }
    }
}

I get the following error:

WARNING in ./~/pouchdb/~/leveldown/~/bindings/bindings.js
Critical dependencies:
76:22-40 the request of a dependency is an expression
76:43-53 the request of a dependency is an expression
 @ ./~/pouchdb/~/leveldown/~/bindings/bindings.js 76:22-40 76:43-53

WARNING in ./~/pouchdb/~/leveldown/~/bindings/package.json
Module parse failed: /GitHub/project1/node_modules/pouchdb/node_modules/leveldown/node_modules/bindings/package.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "name": "bindings",
|   "description": "Helper module for loading your native module's .node file",
|   "keywords": [
 @ ./~/pouchdb/~/leveldown/~/bindings ^\.\/.*$

WARNING in ./~/pouchdb/~/leveldown/~/bindings/README.md
Module parse failed: /GitHub/project1/node_modules/pouchdb/node_modules/leveldown/node_modules/bindings/README.md Line 2: Unexpected token ===
You may need an appropriate loader to handle this file type.
| node-bindings
| =============
| ### Helper module for loading your native module's .node file
| 
 @ ./~/pouchdb/~/leveldown/~/bindings ^\.\/.*$

ERROR in ./~/pouchdb/~/levelup/package.json
Module parse failed: /GitHub/project1/node_modules/pouchdb/node_modules/levelup/package.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "name": "levelup",
|   "description": "Fast & simple storage - a Node.js-style LevelDB wrapper",
|   "version": "0.18.6",
 @ ./~/pouchdb/~/levelup/lib/util.js 102:30-56

ERROR in ./~/pouchdb/~/leveldown/~/bindings/bindings.js
Module not found: Error: Cannot resolve module 'fs' in /GitHub/project1/node_modules/pouchdb/node_modules/leveldown/node_modules/bindings
 @ ./~/pouchdb/~/leveldown/~/bindings/bindings.js 6:9-22
``

[calvinmetcalf]

looks like maybe web pack isn't respecting the browser field in the package.json?

also looking at

definitions": {
                "process.env": {
                    "NODE_ENV": "\"development\"",
                    "IS_BROWSER": true
                }
            }

also (probably unrelated) looks like you are using process.env.IS_BROWSER to test whether you are in the browser, pouchdb relies on process.browser to be true so you either (probably) don't have to set that and can rely on process.browser or need to make sure it's set.

[ronag]

"looks like maybe web pack isn't respecting the browser field in the package.json?"

And what might be causing that?

[calvinmetcalf]

"looks like maybe web pack isn't respecting the browser field in the package.json?"

And what might be causing that?

webpack would be causing that judging from webpack/webpack#378 webpack has a complicated relationship with browserify and isn't really a drop in replacement, you probably want to use a prebuild version of pouchdb or just use browserify, through others might have more experience using webpack

[ronag]

Fixed with:

noParse: /lie\.js$|\/leveldown\//

[LukasBombach]

ty @ronag

[Kupstas]

I have an error Cannot find module './binding' if I'm using noParse option. I'm using create-react-app + electron

    config.target = 'electron-renderer';
    config.node.__dirname = true;

    if (env === 'production') {
        config.node.__dirname = false;
        config.node.__filename = false;
        config.module['noParse'] = /\/leveldown\//;
    }