Webpack@5 asset generator property not supported

[kevinvalk]

Version

16.0.0-beta.8

Reproduction link

https://github.com/kevinvalk/vue-loader-generator-issue

Steps to reproduce

• npm install
• webpack

What is expected?

asset main.js 20 bytes [compared for emit] [minimized] (name: main)
./index.js 21 bytes [built] [code generated]
webpack 5.0.0-rc.0 compiled successfully in 253 ms

What is actually happening?

[webpack-cli] Error: Compiling RuleSet failed: Properties generator are unknown (at clonedRuleSet-1: [object Object])
[webpack-cli] TypeError: Cannot read property 'compilers' of undefined

---

This is related to the new feature from webpack 5 called Asset Modules (https://webpack.js.org/guides/asset-modules/)

Whenever I add:

...
generator: {
	filename: `images/[name][ext]`,
},
...

to a rule, vue-loader fails with the error mentioned above.

[LinusBorg]

Seems this new property is missing as the rules set right here:

vue-loader/src/pluginWebpack5.ts

Line 63 in edd1037

const ruleSetCompiler = new RuleSetCompiler([

[tianyingchun]

what's progress of this issue? for webpack@5.3.0 with assetModule configuration.

Compiling RuleSet failed: Properties generator are unknown (at ruleSet[0]: [object Object])

[LinusBorg]

Thanks for the bump, just did 2 PRs, for vue-loader v15 and v16.

[tianyingchun]

When will it be released? for v16 alpha

[tianyingchun]

This fixed has not been used in v16? i have tried v16+ webpack@5 it throw this error.
#1754

[tianyingchun]

@LinusBorg

[LinusBorg]

Since we have a regression in the beta.10 release

[LinusBorg]

It's back in rc.1

[tianyingchun]

thanks, it works fine vue-loader@16.0.0-rc.1 + webpack@5.4.0 + vue-router@4.0.0-rc.1