node-sass报错解决方法
来源:互联网 发布:https seo 编辑:程序博客网 时间:2024/06/05 11:29
在Vue.js中,每一个vue文件都是一个组件,在.vue文件中可以将模板,脚本,样式写在一起,便于组织整个组件。在使用template,script时,编写css样式时,都进行的特别顺利,唯独当我想用sass来预处理css时,在style下使用lang='sass'一直报错。
在.vue中是这样的。
<template ><div class="haha"> <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遇到的问题做一些记录,同时希望其他遇到同样问题的朋友可以避免。
0 0
- node-sass报错解决方法
- nodejs 升级后, vue+webpack 项目 node-sass 报错的解决方法
- node-sass 安装报错解决办法
- sass中带中文报错解决方法:
- nodejs 安装node-sass报错(淘宝镜像安装)
- node更新版本后 sass文件 编译报错
- laravel5.4 npm 报错(node-sass 安装卡在 node scripts/install.js 解决办法)
- node-sass安装失败解决方法 segment fault
- 执行npm install的时候报错:Cannot download "https://github.com/sass/node-sass/releases/download/v3.13.1/win3
- 一 、node-sass安装失败解决方法 、Missing binding node-sass\vendor\win32-x64-57\binding.node
- node-sass编译scss文件`@charset utf-8`报错的解决办法
- 解决Error: ENOENT: no such file or directory, scandir 安装node-sass报错
- 使用npm安装node-sass时报错
- 安装bcrypt报错node-gyp rebuild解决方法
- 安装bcrypt报错node-gyp rebuild解决方法
- Node-SASS安装
- node-sass安装
- node-sass安装问题
- MPAndroidChart之LineChart双线绘制
- cocos2dx-3.6 开发技巧(二)回调函数以及动画的使用,触摸事件,android返回键,屏幕截屏
- 使用printf 打印数据的一个小小疑问,待解!
- [leetcode]240. Search a 2D Matrix II
- ubuntu和win10双系统安装教程
- node-sass报错解决方法
- 关于使用ExcelEngine在Windows中编译的补充
- KVC-KVO
- 常用的后端命令 【笔记】
- 自定义控件时使用setTextSize出现的问题
- 符号链接与设备接口名
- CuratorFramework实现zookeeper文件夹与文件的上传下载
- 浅谈企业核心竞争力
- Android AndroidManifest.xml文件的android:supportsRtl属性详解