Static GitHub Issues

[3047] Compiling error using create-nuxt-app with both vuetify and bulma

prev: "Failed to compile" "PostCSS Loader Invalid Options" useConfigFile is an invalid additional property
next: Same route different component

When using a boilerplate app with styling included I'm getting the following errors: With Vuetify:

 ERROR  Failed to compile with 1 errors                                                                 1:51:37 AM

 error  in ./assets/app.styl

Module build failed: ValidationError: PostCSS Loader Invalid Options

options['useConfigFile'] is an invalid additional property


 @ ./assets/app.styl 4:14-186 13:3-17:5 14:22-194
 @ ./.nuxt/App.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

With Bulma:

 ERROR  Failed to compile with 1 errors                                                                 1:55:37 AM

 error  in ./node_modules/bulma/css/bulma.css

Module build failed: ValidationError: PostCSS Loader Invalid Options

options['useConfigFile'] is an invalid additional property


 @ ./node_modules/bulma/css/bulma.css 4:14-118 13:3-17:5 14:22-126
 @ ./.nuxt/App.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

I tried both with npm and yarn and without eslint Commenting out the vuetify section in nuxt.config.js

      // if (ctx.isServer) {
      //   config.externals = [
      //     nodeExternals({
      //       whitelist: [/^vuetify/]
      //     })
      //   ]
      // }

Makes the application work without styling.

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2639">#c2639</a>)</em></sub></div>