前言
使用vue-cli來構建單頁SPA應用，提示代碼縮進報錯
原因分析
通過查看package.json文件我們可以發現，在文件中默認安裝了eslint-loader模塊，eslint-loader模塊是目前相對比較流行的代碼檢測工具，可以檢測書寫的代碼是否符合統一規范，可以在一些比較大型的項目開發中統一開發人員的代碼風格，這也就是為什么代碼縮進有可能導致頁面報錯的原因（代碼縮進不符合規范）。
解決辦法
方法一：了解eslint-loader規則，嚴格按照規范書寫代碼（這是廢話）
方法二：關閉eslint
如果實在普通的webpack項目中我們只需要打開webpack.config.js文件，然后去除ESlint在文件中的配置代碼就可以了；
如果是在vue項目中，我們需要打開項目根目錄下的build文件夾並且打開該文件夾下的webpack.base.conf.js文件，然后去除ESlint在文件中的配置代碼就可以了。