markdown-loader | markdown loader for webpack | Plugin library

Update vuetify-loader to v1.6.0, I just released a fix for that yesterday: https://github.com/vuetifyjs/vuetify-loader/releases/tag/v1.6.0

Try to use raw-loader:

Finally, I've fixed the problem. I removed my package-lock.file and reinstall all the dependencies. The problem's gone.

The issue is that the refenced demo sandbox uses SPA mode ( see nuxt.config ) while you are using universal SSR mode.

When using universal mode your data from asyncData need to serialized from server to client. And so it cant be serialized properly, because you are importing components inside it. Only plain js objects can be serialized, not vue components

It was related to query-string package.

Issue has been resolved.

Ref: https://stackoverflow.com/a/49985749/7398574

Missed the publicPath: '/' in the output section of '../../config/webpack.dev-client'.

Finally figured it out after days and days of trial and error. HTH someone else!

In your component make sure you are importing import withStyles from 'isomorphic-style-loader/lib/withStyles';

Then import your module css and give it an alias. import rdatescss from 'react-datepicker/dist/react-datepicker.css';

End your component with the following export default withStyles(rdatescss)(NAMEOFCOMPONENT);

To add multiple styles use the export default withStyles(rdatescss, other_style_alias)(NAMEOFCOMPONENT);

Here are the rules in my webpack (4.12.0)

I have found solution in my jest config by adding to extensions and moduleNameMapper the html and md like that:

The issue comes from the commented style code in your index.html. The index.html is processed by the html-webpack-plugin and for some reason it still tries to process the require calls (line 9 and line 11). The reason could be the custom EJS loader of html-webpack-plugin.

The easiest solution is to fully remove the commented code from index.html.

By importing a .scss file, the rule you configured gets applied to it. But it seems that the actual extract-text-webpack-plugin instance isn't available during that process. You are using an inline loader in these require calls, but your configured rules will still be applied to that. To prevent other loaders from being applied, you can prefix the import with a !.

From the webpack documentation - Rule.enforce:

All normal loaders can be omitted (overridden) by prefixing ! in the request.

All normal and pre loaders can be omitted (overridden) by prefixing -! in the request.

All normal, post and pre loaders can be omitted (overridden) by prefixing !! in the request.

To be able to use the CSS correctly in your HTML you'll also need to use css-loader after the sass-loader, because EJS expects JavaScript at this place, not bare CSS. The require would become: