vue如何解决空格和空行报错的问题

 更新时间:2022年04月12日 09:47:05   作者:野望之风  
这篇文章主要介绍了vue如何解决空格和空行报错的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

解决空格和空行报错问题

到build文件夹下面的webpack.base.conf.js文件。

然后打开该文件,找到图下这段代码,把他注释掉。

注释掉之后,再进行页面编写的时候,空格不规范的情况下也不会再报错了。

有的版本的webpack.base.conf.js文件会如下图一样将空格检测写一个函数里,然后再module里调用,这种情况只需注释掉调用的那一行代码即可:

如图注释这一行即可

vue出现空格警告的原因

初学vue自己新建一个vue项目来做学习demo。

不过在编写代码时一直出现空格不规范的警告。

严重影响初学者的热情。

错误如下图所示。(这样的错误很多,但大概翻译成中文的意思都是说空格使用不规范。)

这是因为你使用 ESLint,用来规范代码风格的。你的 Webpack 配置中大概是使用了 eslint-loader。

在多人协作或大项目中推荐使用,不想要就在 webpack.config.js 中去掉。

eslint是语法检查工具,但限制太过于严格,大部分开发人员无法适应,所以产生这个需求。

解决办法:

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

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue3获取ref实例结合ts的InstanceType问题

    vue3获取ref实例结合ts的InstanceType问题

    这篇文章主要介绍了vue3获取ref实例结合ts的InstanceType问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • vue中jsonp的使用方法

    vue中jsonp的使用方法

    这篇文章主要介绍了vue中jsonp的使用方法,文章从安装开始展开具体的vue中jsonp的使用详细内容,需要的朋友可以参考一下,希望对大家有所帮助
    2021-11-11
  • Vue如何设置button的disable属性

    Vue如何设置button的disable属性

    这篇文章主要介绍了Vue如何设置button的disable属性,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue打包之后配置统一请求地址步骤详解

    vue打包之后配置统一请求地址步骤详解

    这篇文章主要为大家介绍了vue打包之后配置统一请求地址实现步骤详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Vue中computed和watch有哪些区别

    Vue中computed和watch有哪些区别

    这篇文章主要介绍了Vue中computed和watch有哪些区别,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2020-12-12
  • nuxt实现封装axios并且获取token

    nuxt实现封装axios并且获取token

    这篇文章主要介绍了nuxt实现封装axios并且获取token,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

    vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新

    这篇文章主要介绍了vue实现歌手列表字母排序,下拉滚动条侧栏排序实时更新,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • vue为什么v-for的优先级比v-if高原理解析

    vue为什么v-for的优先级比v-if高原理解析

    这篇文章主要为大家介绍了vue为什么v-for的优先级比v-if高原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 基于element-ui表格的二次封装实现

    基于element-ui表格的二次封装实现

    本文主要介绍了基于element-ui表格的二次封装实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • 在vue中利用v-html按分号将文本换行的例子

    在vue中利用v-html按分号将文本换行的例子

    今天小编就为大家分享一篇在vue中利用v-html按分号将文本换行的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11

最新评论