Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Webpack 5 compatibility: Missing module RuleSet

See original GitHub issue

Version

15.7.1

Reproduction link

https://github.com/Lyrkan/repro-vue-loader-webpack5

Steps to reproduce

Create a project that uses Webpack 5 and vue-loader 15.7.1
Try to run Webpack

What is expected?

No error

What is actually happening?

Error: Cannot find module ‘webpack/lib/RuleSet’

Hi there,

Webpack 5 (that just got into beta) removed the RuleSet class that is currently used by the vue-loader plugin in the following PR: https://github.com/webpack/webpack/pull/9138

This makes any attempt to use the plugin fail with a “Cannot find module webpack/lib/RuleSet” error.

Issue Analytics

State:
Created 4 years ago
Reactions:8
Comments:6 (1 by maintainers)

Top GitHub Comments

6reactions

18566246732commented, Nov 21, 2019

webpack5 has rewrited the ruleset module, which means the VueLoaderPlugin cannot use class Ruleset any more, instead, it should use the RuleSetCompiler.

here is my pr #1607, there are too many changes in VueLoaderPlugin, I think vue-loader needs a major version update to support webpack5. hope can get you guys attention, thanks

0reactions

sodateacommented, Dec 16, 2019

Seems an npm issue, as I’ve found several similar complaints on Twitter:

It seems to have taken effect after I’ve published v15.8.1

Top Results From Across the Web

To v5 from v4 - webpack

Test webpack 5 compatibility ... Try to set the following options in your webpack 4 configuration and check if build still works correctly....

Upgrade to Webpack 5 failing - node.js - Stack Overflow

0.0 no longer allows custom properties in configuration. Loaders should be updated to allow passing options via loader options in module.rules.

Webpack 5 Issues | Documentation - Web3Auth

Webpack 5 Issues | Documentation - Web3Auth. ... Install react-app-rewired and the missing modules into your application. npm ... config.module.rules.push({

How to configure CSS and CSS modules in webpack

Before we configure CSS support in the webpack setup, let's first add a CSS file and use it. The first thing we are...

Webpack | WebStorm Documentation - JetBrains

WebStorm integrates with the webpack module bundler. This support improves coding assistance in JavaScript files by taking into account ...