Vue2 vue-cli 中stylus 报错unexpected indent
来源:互联网 发布:linux查看光纤卡流量 编辑:程序博客网 时间:2024/06/01 11:34
用Vue-cli构建项目的时候,用stylus写样式,各种报错 unexpected indent 。浪费了两个小时的时间终于搞明白了问题。
踩坑
如下图:
添加background-size属性的时候,就会报出这个错误。
很明显意思就是缩进错误。但是我怎么看也看不出所以然。
尝试解决
各种搜索,google, stractoverflow…
得到的信息是 : tab和空格混用缩进,导致stylus编译出错
嗨,rewrite my code.
如下图:
嗯,这次不报错了。但是我对比了下。发现这两次的代码并没有什么不同!
但是管不了了,继续项目吧。项目能跑起来就行~!
解决问题
但是,就在我快写完了样式,但是遇到一个要绝对定位的元素,于是找到父元素,添加position:relative属性。发现: 又报同样的错误了!!!!
既然是tab和空格缩进,但是由于本人已经习惯了,空格,tab混用。那么能不能在我的sublime text3 里区别一下空格和tab形成的缩进呢。哈哈 可喜的是: 能!
找到Preference > settings(user) 里
“draw_white_space” 设置为 “all”
"draw_white_space": "all",
这个时候看sublime text3 如下图:
明显的看到:哪些用了空格,哪些用了tab。统一风格后,哈哈。再也不担心报错啦!~
阅读全文
1 0
- Vue2 vue-cli 中stylus 报错unexpected indent
- vue-cli中stylus缩进报错
- python 报错:unexpected indent
- sublime各种报错 unexpected indent Vue的ESlint缩进问题
- python报错:IndentationError: unexpected indent
- Python 报错:IndentationError: unexpected indent
- 解决vue-cli中stylus无法使用的问题
- 解决vue-cli中stylus无法使用的问题
- vue-cli 引入 stylus 失败
- vue-cli 引入 stylus 失败
- vue使用stylus报错解决方法
- 处理vue-cli 打包第三方库时语法报错 Unexpected token: name (idSeed)
- python报"IndentationError: unexpected indent"
- vue中使用stylus
- vue-cli项目安装使用stylus步骤
- Vue2.0 --- vue-cli脚手架中全局引入JQ
- Vue2.0+Vue-cli脚手架
- 解决vue-cli element-ui打包报错Unexpected token: punc (() [./~/element-ui/packages/row/src/row.js
- 使用VB绘制sin函数曲线
- 关于模态/非模态对话框不响应菜单的UPDATE_COMMAND_UI消息
- PyQt的QTableWidget的全面总结与归纳
- 树莓派—qt安装及其环境搭建全攻略
- C#204课的主要内容
- Vue2 vue-cli 中stylus 报错unexpected indent
- ssm学习总结-Ajax实现简单的登录校验
- js和html5生成自动排列的对话框
- Thread和AsyncTask使用:
- 了解geohash编码,做了个小测试
- IT人生畅想
- CodeForces
- linux 简单监控命令
- SpringMVC中使用Interceptor拦截器