css-loader started to enable esModule by default in v4.0.0, which breaks the way vue-style-loader handles the CSS file exported by css-loader.
Specifically, the list here is now an ES module instead of an array, where there default property must be read.
Adding an ESM interop should fix this.
- Install deps:
$ npm ci - Build & start server:
$ npm start - Notice there are no styles applied despite styles in
/src/App.vue - Go to
webpack.config.jsand uncommentL36 - Rebuild and start server:
$ npm start - Make sure your cache is disabled, but the styles should work