Nuxt.js introduces scss file, variable Undefined variable [resolved]

< H1 > use styleResources in nuxt.config.js to introduce public scss file, variable error < / H1 >
 error  in ./layouts/default.vue?vue&type=style&index=0&id=314f53c6&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

undefined
               ^
      Undefined variable: "$white".
      in e:\Vue\blog-nuxt\layouts\default.vue (line 84, column 17)

 @ ./node_modules/vue-style-loader??ref--6-oneOf-1-0!./node_modules/css-loader??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-1-3!./node_modules/style-resources-loader/lib??ref--6-oneOf-1-4!./node_modules/vue-loader/lib??vue-loader-options!./layouts/default.vue?vue&type=style&index=0&id=314f53c6&lang=scss&scoped=true& 4:14-462 14:3-18:5 15:22-470
 @ ./layouts/default.vue?vue&type=style&index=0&id=314f53c6&lang=scss&scoped=true&
 @ ./layouts/default.vue
 @ ./.nuxt/App.js
 @ ./.nuxt/index.js
 @ ./.nuxt/client.js
 @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js

clipboard.png

nodenode11.0node-sasssass-loader

nuxt.js2.0styleResources~~./

clipboard.png


nuxt.js is introduced into the scss file, and the variable Undefined variable [resolved]

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2e54c-2bc16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2e54c-2bc16.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?