You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I get the following error on every component with custom styles:
Module build failed (from ./node_modules/sass-loader/dist/cjs.js): friendly-errors 14:02:41
SassError: @use rules must be written before any other rules.
╷
3 │ @use "sass:list";
│ ^^^^^^^^^^^^^^^^
╵
pages/dashboard.vue 3:1 root stylesheet
With the following config:
nuxt.config.js:
buildModules: [
'@nuxtjs/style-resources',
'@nuxtjs/vuetify',
],
styleResources: {
// your settings here
scss: ['~/assets/uses.scss'],
hoistUseStatements: true // Hoists the "@use" imports. Applies only to "sass", "scss" and "less". Default: false.
},
I get the following error on every component with custom styles:
With the following config:
nuxt.config.js
:use.scss
:package.json
:No idea how to further test things or bring any useful info.
The text was updated successfully, but these errors were encountered: