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

摘要:
对于初学者,创建一个新的vue项目来进行学习演示。然而,在编写代码时,总是会出现非标准空格的警告。它严重影响了初学者的积极性。错误如下图所示。(有很多这样的错误,但中文翻译可能意味着空格的使用没有标准化。)这是因为您使用ESLint来标准化代码样式。Webpack配置可能使用eslint加载器。建议在多人协作或大型项目中使用。如果您不想使用它,可以从webpack.config.js中删除它。以英语为第二语言

初学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。最后记得重跑项目。
---------------------
作者:SummerNH_6
来源:CSDN
原文:https://blog.csdn.net/SummerJX/article/details/79489247
版权声明:本文为博主原创文章,转载请附上博文链接!

免责声明:文章转载自《初学vue出现空格警告的原因及其解决办法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇This dependency was not found: * !!vue-style-loader!css-loader?……解决方案Android学习之七:使用Container下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

webpack编写自定义Loader

loader我的理解是把非js的模块转换成js模块,毕竟浏览器只认识js语言 官方的说法:loader 是导出为一个函数的 node 模块。该函数在 loader 转换资源的时候调用。给定的函数将调用 loader API,并通过 this 上下文访问。 当处理一种类型模块的时候,多个loader配置时从右向左或者从下向上执行。 loader使用主要有以下...

解决:Vue中给input框手动赋值,视图却不更新

1.使用数组方法splice this.arr =[{item1},{item2},{item3},{item4}] item1.a= 0 this.arr.splice(0, 1, item1) 注意: 由于 JavaScript 的限制,Vue 不能检测以下变动的数组: 1.当你利用索引直接设置一个项时,例如:arr[1] = newValue2.当...

webpack 入门和常用插件的使用

常用配置参数 module.exports ={ context: path.resolve(__dirname, '../'), entry: { app: './src/main.js'}, output: { path: path.resolve(__dirname, '../dist'), filename: '...

Vue中进行断点调试的两种方式(使用外部浏览器和VsCode Debug for Chrome 插件)

场景 在使用IDEA等进行后台开发时可以直接在想要进行断点调试的地方双击添加一个断点,然后逐步或者逐过程进行调试。 但是在Vue中如果想要进行调试时,如果是在js中调试的话,可以直接添加一个debugger,然后在浏览器中打开检查进行断点调试。 但是如果在vue界面的话则没法逐步查看变量的值。 比如: 在Vue页面中,点击搜索按钮时 <el-butt...

Vue项目加载本地的json数据模拟请求后台数据

1. 安装express和axios npm i express --save & npm i axios --save 网速不好的,可以安装淘宝镜像,使用cnpm 2. 在main.js中引入axios,并挂载到全局 import axios from ‘axios’; Vue.prototype.$axios = axios; 3.在项目中st...

Vue在ASP.NET MVC中的进行前后端的交互

Vue在ASP.NET MVC中的进行前后端的交互 Preface: 由于最近在研究前端相关的技术,作为前端非常优秀的框架Vue,个人在学习的过程中遇到一些问题,网上相关资料有限,所以在这这里总结一下个人使用Vue的一点经验,以便后来者借鉴! 官方文档:Vue.js 使用Vue在ASP.NET MVC中进行前后端交互在阅读下面的文章之前你需要先了解一下V...