网站代付系统怎么做,网站管理系统 php,织梦网站地图底部,wordpress淘客主题node-sass报错解决方法 node-sass报错解决方法 在Vue.js中#xff0c;每一个vue文件都是一个组件#xff0c;在.vue文件中可以将模板#xff0c;脚本#xff0c;样式写在一起#xff0c;便于组织整个组件。在使用template#xff0c;script时#xff0c;编写css样式时每一个vue文件都是一个组件在.vue文件中可以将模板脚本样式写在一起便于组织整个组件。在使用templatescript时编写css样式时都进行的特别顺利唯独当我想用sass来预处理css时在style下使用langsass一直报错。 在.vue中是这样的。 template
div classhaha p keith {{ message }} /p /div /template script export default { data () { return { message: Hello world } } } /script style lang sass scoped /style 运行webpak就报错。 我相信很多人跟我一样在安装node-sass都会报出这个错误。经过一个下午的折腾终于找到知道原因了。 解决方法 找到node_modules下的node-sass文件进入如果没有vendor文件夹就创建一个空文件夹命名为vendor。运行 webpack 。接着还是报错。错误显示 在vendor文件夹下找不到某个 .node文件此时到node-sass官网的release页面下找到相应的文件然后下载到相应的文件目录。传送门node-sass官网 记住下载相应的版本。完成之后运行webpack...等待中。如果成功了恭喜你可以在vue文件中使用sass来预处理css了。如果没有成功还是会报错。错误信息如下。 提示让我们重新rebuid node-sass这是因为我们在前几步中重新加入了一个文件而此时webpack并没有执行到。于是乎打开cmd运行 cnpm rebuild node-sass --save-dev 执行webpack。 编译成功 这里给自己在学习webpack遇到的问题做一些记录同时希望其他遇到同样问题的朋友可以避免。 转载 转载于:https://www.cnblogs.com/gw1016/p/6081244.html
