记一次Vue.js npm run dev时的css-loader报错

本文记录了解决VSCode前端项目配置问题的过程,包括处理8080端口报错、安装必要的依赖包如stylus及对应的加载器,并通过调整eslint规则修正代码格式问题。

这是第二次遇到这个问题了,不过这次问题比上次的问题多了一个eslint检查语法规则报的错,下面记录了完整解决方案

VSCode报错:


8080端口报错:

解决:

当前目录下:npm install stylus-loader css-loader style-loader --save-dev

一般这步后,直接npm run dev就行了

但我的安装完后还有警告:


然后再npm install stylus

最后npm run dev

然后我还有错:


这是因为使用了eslint代码检查工具,会把代码中符合它规范的部分报错,你可以先找到eslintrc.js,设置关于


然后根据你报的错,再到对应文件改格式就行了


比如,上面这两个错误是说我的App.vue文件的第15、20行缺少了分号,在对应语句后面添加分号就行了


上面的这个错误就是App.vue文件的37行不能为空,删去那行就行了

找完所有的错误,项目就能正常运行啦


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值