网络编程
位置:首页>> 网络编程>> JavaScript>> vue如何解决空格和空行报错的问题

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

作者:野望之风  发布时间:2024-04-27 16:18:20 

标签:vue,空格,空行,报错

解决空格和空行报错问题

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

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

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

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

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

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

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

如图注释这一行即可

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

vue出现空格警告的原因

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

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

严重影响初学者的热情。

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

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

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

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

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

解决办法:

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

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

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

来源:https://www.cnblogs.com/webwangjie/p/9817673.html

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com