Closed Byloth closed 3 years ago
Who can merge this? We need this fix in a new release.
So, is there any way to use scss right now in nuxt with vuetify? Js as it is in a nutshell, i've istalled nuxt yesterday, selected vuetify and today i learned that nothing is working.
@ezhimakov
So, is there any way to use scss right now in nuxt with vuetify?
I solved using...
"devDependencies": {
...
"sass": "~1.26.11",
"sass-loader": "~8.0.2",
...
}
Edit: This is no longer necessary with the latest version of @nuxtjs/vuetify (1.11.2)
Thank you @Byloth ! I ran into this problem last night and I was ready to remove vuetify as a nuxt module and install it manually. Checked this issue again today and saw your post, tried it and the prependData
errors went away.
Hello, @Byloth I did as you wrote and still throws an error.
Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'additionalData'. These properties are valid: object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? } at validate (C:\OSPanel\domains\pizza-vue.loc\node_modules\schema-utils\dist\validate.js:98:11) at Object.loader (C:\OSPanel\domains\pizza-vue.loc\node_modules\sass-loader\dist\index.js:36:28)
package.json
{
"name": "Pizza",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "nuxt -c client/nuxt.config.js",
"build": "nuxt build -c client/nuxt.config.js",
"start": "nuxt start -c client/nuxt.config.js",
"generate": "nuxt generate",
"test": "jest"
},
"dependencies": {
"@nuxtjs/auth": "^4.9.1",
"axios": "^0.21.1",
"core-js": "^3.6.5",
"nuxt": "^2.14.6"
},
"devDependencies": {
"@nuxtjs/vuetify": "^1.11.2",
"@vue/test-utils": "^1.1.0",
"babel-core": "7.0.0-bridge.0",
"babel-jest": "^26.5.0",
"fibers": "^5.0.0",
"jest": "^26.5.0",
"sass": "~1.26.11",
"sass-loader": "~8.0.2",
"vue-jest": "^3.0.4"
}
}
Of course, my friend! 😉
As @ShaggyTech said before...
This is no longer necessary with the latest version of @nuxtjs/vuetify (1.11.2)
You're using the newer version of @nuxtjs/vuetify
(the one that solved the described problem) with the older versions of sass
and sass-loader
.
Update sass
and sass-loader
to the latest available versions to solve your problem. 🙃
@Byloth Thank you. The problem is solved.
I'm experiencing this error while building a project using both Vuetify and SASS...
Step to reproduce:
Some useful packages version: