Dependencies not found error references my own files

• Laravel Mix Version: +-- laravel-mix@1.1.1
• Node Version: v8.1.3
• NPM Version: 5.2.0
• OS: Windows 10

npm list --depth=0 does give me an error though (even when manually installing webpack):

`-- webpack@2.2.0

npm ERR! peer dep missing: webpack@^2.2.0, required by extract-text-webpack-plugin@2.1.2

Complete list:

+-- axios@0.15.3
+-- bootstrap-sass@3.3.7
+-- cropperjs@1.0.0-rc.3
+-- cross-env@5.0.1
+-- flatpickr@2.6.3
+-- jquery@3.2.1
+-- jquery-mousewheel@3.1.13
+-- laravel-mix@1.1.1
+-- lodash@4.17.4
+-- malihu-custom-scrollbar-plugin@3.1.5
+-- nouislider@9.2.0
+-- owl.carousel@2.2.0
+-- tinymce@4.6.4
+-- vue@2.3.4
`-- webpack@2.2.0

npm ERR! peer dep missing: webpack@^2.2.0, required by extract-text-webpack-plugin@2.1.2

Description:

Since updating laravel-mix and npm I receive the following error:

These dependencies were not found:

* C:\Projects\project-name\resources\assets\js\cms\cms.js in multi ./resources/assets/js/cms/cms.js ./resources/assets/sass/cms/cms.scss ./resources/assets/sass/website/style.scss
* C:\Projects\project-name\resources\assets\js\website\website.js in multi ./resources/assets/js/website/website.js
* C:\Projects\project-name\resources\assets\sass\cms\cms.scss in multi ./resources/assets/js/cms/cms.js ./resources/assets/sass/cms/cms.scss ./resources/assets/sass/website/style.scss
* C:\Projects\project-name\resources\assets\sass\website\style.scss in multi ./resources/assets/js/cms/cms.js ./resources/assets/sass/cms/cms.scss ./resources/assets/sass/website/style.scss

To install them, you can run: npm install --save C:\Projects\project-name\resources\assets\js\cms\cms.js C:\Projects\project-name\resources\assets\js\website\website.js C:\Projects\project-name\resources\assets\sass\cms\cms.scss C:\Projects\project-name\resources\assets\sass\website\style.scss

So I tried reverting the update back but the error does not go away. When I empty to files to // the error still occurs. Only when removing the mix entries the error goes away.

My webpack.mix.js file:

const {mix} = require('laravel-mix');

mix.disableNotifications();

mix.options({
    processCssUrls: false
});

mix.js('resources/assets/js/cms/cms.js', 'public/build/js/cms.js')
    .js('resources/assets/js/website/website.js', 'public/build/js/website.js')
    .sass('resources/assets/sass/cms/cms.scss', 'public/build/css/cms.css')
    .sass('resources/assets/sass/website/style.scss', 'public/build/css/website.css');

if (mix.inProduction()) {
    mix.version();
}

The following scripts gives me that error:

npm run dev

npm run prod

npm run watch

My package.json:

{
	"private": true,
	"scripts": {
		"dev": "npm run development",
		"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
		"watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
		"watch-poll": "npm run watch -- --watch-poll",
		"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
		"prod": "npm run production",
		"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
	},
	"devDependencies": {
		"cross-env": "^5.0.1",
		"laravel-mix": "^1.1.1",
		"webpack": "2.2.0"
	},
	"dependencies": {
		"axios": "^0.15.2",
		"bootstrap-sass": "^3.3.7",
		"cropperjs": "^1.0.0-beta.2",
		"flatpickr": "^2.3.7",
		"jquery": "^3.1.0",
		"jquery-mousewheel": "^3.1.13",
		"lodash": "^4.16.2",
		"malihu-custom-scrollbar-plugin": "^3.1.5",
		"nouislider": "^9.2.0",
		"owl.carousel": "^2.2.0",
		"tinymce": "^4.6.4",
		"vue": "^2.0.1"
	},
	"eslintConfig": {
		"extends": "eslint:recommended",
		"parserOptions": {
			"ecmaVersion": 6,
			"sourceType": "module"
		},
		"env": {
			"browser": true,
			"node": true
		},
		"globals": {
			"_": true,
			"axios": true
		}
	}
}

[tsndr]

So the easiest fix for now is to downgrade to npm@5.1.0 using

npm i -g npm@5.1.0

Then cleanup and reinstall dependencies:

npm cache clean -f
rm -rf node_modules/ package-lock.json
npm i

[thijsvdanker]

I had the same issue using laravel-mix on a non Laravel project. Running npm install --save-dev babel-loader babel-core babel-preset-env webpack fixed the issue for me.