Every template in my project fails to compile with errors on the <style lang="sass"> section:
ERROR in ./node_modules/css-loader?{"minimize":true,"importLoaders":1,"sourceMap":true,"root":"~","alias":{"/static":"/Users/ydnar/development/domainr/nuxt-test/static","/assets":"/Users/ydnar/development/domainr/nuxt-test/assets"}}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-270202ec","scoped":false,"hasInlineConfig":true}!./node_modules/sass-loader/lib/loader.js?indentedSyntax?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./pages/_domain/index.vue
Module build failed:
<template>
^
Invalid CSS after "": expected 1 selector or at-rule, was "pre.whois"
in /Users/ydnar/development/domainr/nuxt-test/pages/_domain/index.vue (line 1, column 1)
@ ./node_modules/vue-style-loader?{"sourceMap":true}!./node_modules/css-loader?{"minimize":true,"importLoaders":1,"sourceMap":true,"root":"~","alias":{"/static":"/Users/ydnar/development/domainr/nuxt-test/static","/assets":"/Users/ydnar/development/domainr/nuxt-test/assets"}}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-270202ec","scoped":false,"hasInlineConfig":true}!./node_modules/sass-loader/lib/loader.js?indentedSyntax?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./pages/_domain/index.vue 4:14-584 13:3-17:5 14:22-592
@ ./pages/_domain/index.vue
@ ./.nuxt/router.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi webpack-hot-middleware/client?name=client&reload=true ./.nuxt/client.jsThe offending markup:
<style lang="sass">
pre.whois
max-width: 100%
overflow-x: auto
</style>Changing it to CSS (from SASS) allows it to compile:
<style lang="sass">
pre.whois {
max-width: 100%;
overflow-x: auto;
}
</style><!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This bug report is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1278">#c1278</a>)</em></sub></div>