上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

宜宾企业微信公众号小程序开发公司、宜宾企业网页设计方案、宜宾做网站开发价格、宜宾微信公众号制作运营报价明细表、宜宾网站设计公司费用、宜宾网站推广大概需要多少钱

宜宾，四川省辖地级市，有“万里长江第一城、中国酒都、中国竹都”之称。 [1]  地处云贵川三省结合部，金沙江、岷江、长江三江交汇处；地形整体西南高、东北低，属中亚热带季风湿润气候，全市森林覆盖率超过46%，空气中负氧离子含量高达47000个/立方厘米（七洞沟），极其适宜人类居住，辖区内长宁县等因此成为著名长寿县。幅员面积13283平方千米，辖3区、7县；2019年末户籍人口551.5万人。

宜宾文化底蕴深厚，有2200年建城史、4000年酿酒史、3000年种茶史，是国家历史文化名城。 [1]  历代名人辈出，养育了李硕勋、赵一曼、阳翰笙、唐君毅、余泽鸿等无数革命先烈和文坛大师，积聚了多姿多彩的长江文化、酒文化、僰苗文化、哪吒文化、抗战文化、民俗风情文化。 [2]  宜宾拥有成都理工大学宜宾校区、四川轻化工大学宜宾校区、西华大学宜宾校区、宜宾学院、四川外国语大学成都学院宜宾校区、宜宾职业技术学院等高校。 [1]  [3-4] 

宜宾是国家确定的沿江城市带区域中心城市，是四川省委确定的长江上游区域中心城市、全国性综合交通枢纽、四川南向开放枢纽门户和7个争创全省经济副中心的城市之一。 [1]  2020年1月，四川省科技厅、四川省发展改革委员会批复支持宜宾等6个市开展省级创新型城市建设。 [5]  2020年2月26日，四川省宜宾市宜宾早茶中国特色农产品优势区被认定为第三批中国特色农产品优势区。

概述

如果我们初次使用vue-cli来构建单页SPA应用，在撸代码的过程中有可能会遇到这种因为代码缩进导致
页面报错的问题，导致我们烦不胜烦。接下来我们就来看一看如何解决这个小问题。。。

原因分析

通过查看package.json文件我们可以发现，在文件中默认安装了eslint-loader模块，eslint-loader模块是目前相对比较流行的代码检测工具，可以检测书写的代码是否符合统一规范，可以在一些比较大型的项目开发中统一开发人员的代码风格，这也就是为什么代码缩进有可能导致页面报错的原因（代码缩进不符合规范）。

解决办法

方法一：了解eslint-loader规则，严格按照规范书写代码

首先缩进不能用tab要用空格这个比较恶心，因为习惯了tab缩进的习惯用空格去缩进就比较别扭了，
意外的制表符（Unexpected tab character），
在“{”之前找到的多个空格（Multiple spaces found before ‘{‘），
混合空格和制表符（Mixed spaces and tabs），
预期缩进6个空格，但找到6个制表符（Expected indentation of 6 spaces but found 6 tabs），“
返回”后的预期空间（Expected space(s) after “return”）
这些问题的原因在于不能使用tab去空格要用空格去空格，这个比较绕嘴，但是开启严格模式就出现恶心的警告对于强迫症的我是不能允许的，但是去掉严格模式又有点不符合规范，符合规范吧，开发效率的就低，难受香菇！

方法二：关闭eslint

团队开发中经常遇到需要使用eslint 语法纠正的情况；
错误提示： expected indentation of 2 spaces but found 1 tab
但是 tab 和 space 提示真的很头疼，可以通过下面方式解决
找到vue 项目中的 .eslintrc.js , 在rules 中 添加如下，然后重启npm run dev，来加载我们改过的配置

'no-tabs': 0,'no-mixed-spaces-and-tabs': 0,'indent': ["off", "tab"],'no-trailing-spaces': 0,// add your custom rules here'rules': {    // allow paren-less arrow functions    'arrow-parens': 0,    // allow async-await    'generator-star-spacing': 0,    // allow debugger during development    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,    'no-tabs': 0,    'no-mixed-spaces-and-tabs': 0,    'indent': ["off", "tab"],    'no-unused-vars': 0,    'no-trailing-spaces': 0,    "eqeqeq": 0}

如果实在普通的webpack项目中我们只需要打开webpack.config.js文件，然后去除ESlint在文件中的配置代码就可以了；

 test: /.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: {     formatter: require('eslint-friendly-formatter'),     emitWarning: !config.dev.showEslintErrorsInOverlay }

如果是在vue项目中，我们需要打开项目根目录下的build文件夹并且打开该文件夹下的webpack.base.conf.js文件，然后去除ESlint在文件中的配置代码就可以了。

…(config.dev.useEslint ? [createLintingRule()] : []),

宜宾企业微信公众号小程序开发公司、宜宾企业网页设计方案、宜宾做网站开发价格、宜宾微信公众号制作运营报价明细表、宜宾网站设计公司费用、宜宾网站推广大概需要多少钱

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）