Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Fajar's avatar
Level 2

Npm Run dev problem in fresh laravel project

Hi do you guys experience the same thing when installing laravel, and having installed npm then running npm run dev gets an error like this

@ dev /Users/fajardev/Sites/inventory
> npm run development


> @ development /Users/fajardev/Sites/inventory
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

/Users/fajardev/Sites/inventory/node_modules/webpack-cli/bin/cli.js:93
				throw err;
				^

Error: No valid exports main found for '/Users/fajardev/Sites/inventory/node_modules/colorette'
    at resolveExportsTarget (internal/modules/cjs/loader.js:622:9)
    at applyExports (internal/modules/cjs/loader.js:499:14)
    at resolveExports (internal/modules/cjs/loader.js:548:12)
    at Function.Module._findPath (internal/modules/cjs/loader.js:654:22)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:953:27)
    at Function.Module._load (internal/modules/cjs/loader.js:859:27)
    at Module.require (internal/modules/cjs/loader.js:1028:19)
    at require (/Users/fajardev/Sites/inventory/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
    at Object.<anonymous> (/Users/fajardev/Sites/inventory/node_modules/autoprefixer/lib/autoprefixer.js:5:17)
    at Module._compile (/Users/fajardev/Sites/inventory/node_modules/v8-compile-cache/v8-compile-cache.js:194:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1159:10)
    at Module.load (internal/modules/cjs/loader.js:988:32)
    at Function.Module._load (internal/modules/cjs/loader.js:896:14)
    at Module.require (internal/modules/cjs/loader.js:1028:19)
    at require (/Users/fajardev/Sites/inventory/node_modules/v8-compile-cache/v8-compile-cache.js:161:20)
    at /Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/components/Preprocessor.js:62:41
    at /Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/components/Preprocessor.js:69:31
    at global.tap (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/helpers.js:10:5)
    at /Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/components/Preprocessor.js:27:13
    at Array.forEach (<anonymous>)
    at Sass.webpackRules (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/components/Preprocessor.js:22:22)
    at ComponentFactory.applyRules (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/components/ComponentFactory.js:155:23)
    at /Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/components/ComponentFactory.js:66:48
    at /Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/Dispatcher.js:34:47
    at Array.forEach (<anonymous>)
    at Dispatcher.fire (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/Dispatcher.js:34:28)
    at Mix.dispatch (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/Mix.js:118:25)
    at WebpackConfig.buildRules (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/builder/WebpackConfig.js:90:13)
    at WebpackConfig.build (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/src/builder/WebpackConfig.js:23:14)
    at Object.<anonymous> (/Users/fajardev/Sites/inventory/node_modules/laravel-mix/setup/webpack.config.js:29:38)
    at Module._compile (/Users/fajardev/Sites/inventory/node_modules/v8-compile-cache/v8-compile-cache.js:194:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1159:10)
    at Module.load (internal/modules/cjs/loader.js:988:32)
    at Function.Module._load (internal/modules/cjs/loader.js:896:14)
    at Module.require (internal/modules/cjs/loader.js:1028:19)
    at require (/Users/fajardev/Sites/inventory/node_modules/v8-compile-cache/v8-compile-cache.js:161:20) {
  code: 'MODULE_NOT_FOUND'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/fajardev/.npm/_logs/2020-07-21T16_03_39_526Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/fajardev/.npm/_logs/2020-07-21T16_03_39_566Z-debug.log

when i looked on github, haven't found a solution https://github.com/JeffreyWay/laravel-mix/issues/523

thx for you comment

0 likes
14 replies
Fajar's avatar
Level 2

Yups after i finish installing laravel i do npm install and then I run npm run dev

but I got the problem

Fajar's avatar
Level 2

@ideepesh what's the difference between run dev and run development

has it been run dev = run development?

ideepesh's avatar

@fajar Sorry for that, I think cross-env is not global.So, try to first run

npm install --global cross-env

and then further things.

Fajar's avatar
Level 2

@chr15k I use the version 6.13.4 node version v13.5.0

I use valet valet

modelbase's avatar
Level 9

Update to : node version 14.6.* this should resolve it.

4 likes
nikservik's avatar

Thank you! I had same issue. When updated node to 14.5 its gone.

Fajar's avatar
Level 2

@modelbase Thx for you comment and solved for me

upgrade node js to 14.6.0 with brew

  1. brew update
  2. brew upgrade node

and work

1 like

Please or to participate in this conversation.