脚本宝典收集整理的这篇文章主要介绍了nuxt.js引入scss文件，变量Undefined variable，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

在nuxt.config.js中使用styleResources引入公共scss文件，变量报错

 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:Vueblog-nuxtlayoutsdefault.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

开始是node升级node11.0导致的node-sass或sass-loader版本过低的问题

最后可能nuxt.js升级到2.0后，styleResources引用路径不能使用~。把~换成./后，引用成功，报错解决

脚本宝典总结

以上是脚本宝典为你收集整理的nuxt.js引入scss文件，变量Undefined variable全部内容，希望文章能够帮你解决nuxt.js引入scss文件，变量Undefined variable所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。