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.js
and uncommentL36
- Rebuild and start server:
$ npm start
- Make sure your cache is disabled, but the styles should work