[Bug Report] Vuetify 2.0 Errors "expected {" and "expected new line" on vuetify sass files
See original GitHub issueEnvironment
Vuetify Version: 2.0.3 Vue Version: 2.6.10 Browsers: Chrome 75.0.3770.142 OS: Windows 10
Steps to reproduce
npm i vuetify npm i vue add plugins/vuetify.js as in reproduction link add sass/main.scss as in reproduction link add css/sass sections to vue.config.js as in reproduction link add vuetify to main.ts (new Vue) as in reproduction link
Expected Behavior
SASS files build success
Actual Behavior
SASS files build failed
errors on many vuetify sass files, for example:
error in ./node_modules/vuetify/src/components/VCounter/VCounter.sass
Module build failed (from ../node_modules/sass-loader/lib/loader.js):
undefined
Expected newline.
var content = require("!!../../../../css-loader/index.js!../../../../sass-loader/lib/loader.js??ref--14-2!./VCounter.sass");
stdin 5:124 root stylesheet
in C:\Users\ssibony\Desktop\WORK\Vue Projects\checklist\node_modules\vuetify\src\components\VCounter\VCounter.sass (line 5, column 124)
Reproduction Link
https://codesandbox.io/s/vue-template-5xs2r
Other comments
The Project was created with Vue CLI 2 and I’m using @vue/cli-service 3.0.3, according to vuetify documentation it is possible to use a project which was created with vue cli 2: https://vuetifyjs.com/en/getting-started/quick-start#existing-applications
Issue Analytics
- State:
- Created 4 years ago
- Comments:10 (3 by maintainers)
Top Results From Across the Web
Frequently asked questions — Vuetify
My application won't compile due to sass / scss errors. ... Invalid CSS after @content: expected “}”, was “($material-light);”.
Read more >Vuetify/Vue-CLI issues compiling; receiving newline error
I've tried upgrading/downgrading sass-loader , removing node-sass , and various Webpack configs (through vue.config.js ). Does anyone have a ...
Read more >Vue - Mixing SASS with SCSS, with Vuetify as an Example
A guide on mixing Sass-syntax and SCSS-syntax within a single Vue project, and how it can conflict with vendor Sass files, such as...
Read more >Frequently asked questions — Vuetify.js
First, ensure that you're using the latest version of Vue.js and Vuetify. Try to reproduce it in codepen using the following template. If...
Read more >Vuetify/Vue-CLI issues compiling; receiving newline error-Vue.js
Vue CLI has its own config for sass-loader (and is already doing what you've configured), so the rule that you've added for sass-loader...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Please read the FAQ
@johnleider it’s pretty uncool that this was closed with nothing more than a link to the FAQ page. I’m having the exact same issue but I’m upgrading an existing project and haven’t used vue-cli. I have gone over the FAQ and I still have this problem.