Hello,
I am trying to add vuetify as per this example https://github.com/nuxt/nuxt.js/tree/dev/examples/with-vuetify to the 1.0.0-rc4 version of Nuxt and get this error message:
This relative module was not found:
* ../assets/app.styl in ./node_modules/babel-loader/lib?{"presets":["/home/arno/Projekte/Arno/nuxt-test/tcm-patienten-prototype/node_modules/babel-preset-vue-app/dist/index.common.js"],"babelrc":false,"cacheDirectory":true}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./.nuxt/App.vue
In nuxt.config.js the css is referenced this way:
css: ['~/assets/app.styl']
The app.styl file in the assets-folder looks like this:
// Specify overrides (theme and/or base variables etc.)
// See https://vuetifyjs.com/quick-start
$theme := {
primary: #9c27b0
accent: #ce93d8
secondary: #424242
info: #0D47A1
warning: #ffb300
error: #B71C1C
success: #2E7D32
}
// Import Vuetify styling
@require '~vuetify/src/stylus/main.styl'
I am not sure, if I need to add a stylus-loader to the webpack config but this seems to indicate, that stylus is already configured in Nuxt?: https://github.com/nuxt/nuxt.js/blob/master/lib/webpack/vue-loader.config.js
Any hint on how to fix this is very welcome :smile: , thanks.
<!--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/c1268">#c1268</a>)</em></sub></div>