question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] Vuetify 2.0 Errors "expected {" and "expected new line" on vuetify sass files

See original GitHub issue

Environment

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:closed
  • Created 4 years ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

26reactions
johnleidercommented, Aug 6, 2019

Please read the FAQ

22reactions
dcb99commented, Aug 6, 2019

@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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found