初学vue出现空格警告的原因及其解决方案

初学vue自己新建一个vue项目来做学习demo。不过在编写代码时一直出现空格不规范的警告。严重影响初学者的热情。错误如下图所示。(这样的错误很多,但大概翻译成中文的意思都是说空格使用不规范。)

10多年的乌达网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整乌达建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“乌达网站设计”,“乌达网站推广”以来,每个客户项目都认真落实执行。

初学vue出现空格警告的原因及其解决方案

这是因为你使用 ESLint,用来规范代码风格的。你的 Webpack 配置中大概是使用了 eslint-loader。在多人协作或大项目中推荐使用,不想要就在 webpack.config.js 中去掉。eslint是语法检查工具,但限制太过于严格,大部分开发人员无法适应,所以产生这个需求。

解决办法:

找到build->webpack.base.config.js。注释或者去掉下图代码。

初学vue出现空格警告的原因及其解决方案

注意只删除和注释红色圈住的代码。另外这段也可能在不在createLintingRule中,也可能在module.export中。所以建议直接在webpack.base.config.js搜索eslint-loader。最后记得重跑项目。

以上这篇初学vue出现空格警告的原因及其解决方案就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


标题名称:初学vue出现空格警告的原因及其解决方案
文章位置:http://hbruida.cn/article/pjhjjj.html