脚本宝典收集整理的这篇文章主要介绍了

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

clipboard.png

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

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

clipboard.png

总结

以上是脚本宝典为你收集整理的

nuxt.js引入scss文件,变量Undefined variable

全部内容,希望文章能够帮你解决

nuxt.js引入scss文件,变量Undefined variable

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过