Cannot find module 'webpack/lib/RuleSet'

[Sebi2020]

Version

15.7.1

Steps to reproduce

1. Install webpack globally

2. Install vue-loader locally (webpack does not respect global vue-loader installs)

3. Create a webpack.js.config like this:

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
	entry: './main.js',
	mode: 'development',
	module: {
		rules: [
			{
			test: /\.vue$/,
			loader: 'vue-loader'
			}
		]
	},
	plugins: [
		new VueLoaderPlugin()
	]
}

4. Create an entry point (main.js in code snippet)
5. Run npx webpack

What is expected?

Correct module imports

What is actually happening?

Wrong import paths are used

Cannot find module 'webpack/lib/RuleSet

[haoqunjiang]

A local webpack package is required. It's listed in the package.json:

vue-loader/package.json

Lines 35 to 38 in d3fa467

	"peerDependencies": {
	"css-loader": "*",
	"webpack": "^4.1.0 || ^5.0.0-0"
	},

[Sebi2020]

@sodatea Shouldn't it be added as a proper dependency when it's a required dependency for vue-loader?

[haoqunjiang]

Peer dependency is a proper type of dependency.
Webpack plugin/loader is the exact intended use case for the peer dependency semantic.
See https://nodejs.org/es/blog/npm/peer-dependencies/

[IBICF]

i solved it by install vue-loader@15.9.7
const VueLoaderPlugin = require('vue-loader/lib/plugin-webpack5');

[wheatup]

Running this solves my problem

npm i webpack@4 -D

It installs

"webpack": "^4.46.0"

[GAS0968]

Running this solves my problem

npm i webpack@4 -D

It installs

"webpack": "^4.46.0"

i solve my same problem in your way，thanks