npm install fails with 'Can not load "webpack"!' error

[priyankt68]

Hi,

I am trying to get the development setup ready and faced error with following command on my system.

npm test && builder run build-dist && npm run copy-lib

Following are logs that I receive when I run npm install

(dashly) ➜  dash-component-dev npm install

> [email protected] prepublish /Users/priyanktrivedi/development/dashly/dash-component-dev
> npm test && builder run build-dist && npm run copy-lib


> [email protected] test /Users/priyanktrivedi/development/dashly/dash-component-dev
> builder run check

[builder:config:environment] {"cwd":"/Users/priyanktrivedi/development/dashly/dash-component-dev","dir":"/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/builder/lib"}
[builder:builder-core:start:79302] Started: run check
[builder:run] check - builder run lint && builder run test-frontend-cov
[builder:proc:start] Command: builder run lint && builder run test-frontend-cov
[builder:config:environment] {"cwd":"/Users/priyanktrivedi/development/dashly/dash-component-dev","dir":"/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/builder/lib"}
[builder:builder-core:start:79304] Started: run lint
[builder:run] lint - eslint --fix --ignore-path .gitignore .
[builder:proc:start] Command: eslint --fix --ignore-path .gitignore .
[builder:proc:end:0] Command: eslint --fix --ignore-path .gitignore .
[builder:builder-core:end:79304] Task: run lint ended normally
[builder:config:environment] {"cwd":"/Users/priyanktrivedi/development/dashly/dash-component-dev","dir":"/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/builder/lib"}
[builder:builder-core:start:79307] Started: run test-frontend-cov
[builder:run] test-frontend-cov - NODE_ENV=test karma start node_modules/dash-components-archetype/config/karma/karma.conf.coverage.js
[builder:proc:start] Command: NODE_ENV=test karma start node_modules/dash-components-archetype/config/karma/karma.conf.coverage.js
16 07 2017 17:24:50.868:ERROR [preprocess]: Can not load "webpack"!
  WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.module has an unknown property 'preLoaders'. These properties are valid:
   object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, loaders?, noParse?, rules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
   Options affecting the normal modules (`NormalModuleFactory`).
 - configuration.resolve has an unknown property 'root'. These properties are valid:
   object { alias?, aliasFields?, cachePredicate?, cacheWithContext?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? }
 - configuration.resolve.extensions[0] should not be empty.
 - configuration.resolveLoader has an unknown property 'root'. These properties are valid:
   object { alias?, aliasFields?, cachePredicate?, cacheWithContext?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? }
    at webpack (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma-webpack/node_modules/webpack/lib/webpack.js:19:9)
    at new Plugin (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma-webpack/lib/karma-webpack.js:63:18)
    at invoke (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:75:15)
    at Array.instantiate (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:59:20)
    at get (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:48:43)
    at /Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:71:14
    at Array.map (native)
    at Array.invoke (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:70:31)
    at get (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:48:43)
    at instantiatePreprocessor (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/lib/preprocessor.js:55:20)
    at Array.forEach (native)
    at createPreprocessor (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/lib/preprocessor.js:74:20)
    at Array.invoke (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:75:15)
    at get (/Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:48:43)
    at /Users/priyanktrivedi/development/dashly/dash-component-dev/node_modules/dash-components-archetype-dev/node_modules/karma/node_modules/di/lib/injector.js:71:14
    at Array.map (native)
16 07 2017 17:24:50.946:INFO [karma]: Karma v1.7.0 server started at http://0.0.0.0:9999/
16 07 2017 17:24:50.947:INFO [launcher]: Launching browser PhantomJS with unlimited concurrency
16 07 2017 17:24:50.948:ERROR [karma]: Found 1 load error
[builder:proc:end:1] Command: NODE_ENV=test karma start node_modules/dash-components-archetype/config/karma/karma.conf.coverage.js
[builder:builder-core:end:79307] Task: run test-frontend-cov, Error: Command failed: sh -c NODE_ENV=test karma start node_modules/dash-components-archetype/config/karma/karma.conf.coverage.js

[builder:proc:end:1] Command: builder run lint && builder run test-frontend-cov
[builder:builder-core:end:79302] Task: run check, Error: Command failed: sh -c builder run lint && builder run test-frontend-cov

npm ERR! Test failed.  See above for more details.

npm ERR! Darwin 16.6.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v4.4.2
npm ERR! npm  v2.15.0
npm ERR! code ELIFECYCLE
npm ERR! [email protected] prepublish: `npm test && builder run build-dist && npm run copy-lib`
npm ERR! Exit status 1

I am new to npm, so please help me there is something wrong with the npm configuration or node itself.

Thanks, Priyank