前天下載了個vue移動端的demo(大家也可以學習一下：https://github.com/toutouping/vue-case)，先是運行了cnpm install ；再運行了npm run dev ；然后就報了下面的錯誤：
對於剛進入編程領域的我來說，一看到這種報錯，第一反應就是應該是scss沒有安裝，打開代碼發現，demo里面果然用了scss的樣式，並且還報紅了，讓我更加確定了是scss沒有安裝好的原因。
於是我就百度了scss的安裝方式（這個安裝過程就不描述了，在這個過程中我學習了sass/scss以及less的區別，在此之前只是用過less），安裝完成后，在webpack.base.conf.js文件中的
中追加了對sass的配置：
{ //手動添加這一條，相當於是編譯識別sass!
test: /\.scss$/,
}
然后再npm run dev 發現問題還是沒有解決，此時的我就有點蒙圈了，固執的以為就是我的scss還是沒有配置好，所以我還是一直在網上找scss配置完不生效的原因，然后我就查到了原來我們現在用的vue-cli腳手架已經自動的幫我們將scss的配置寫在了utils.js文件里面，不需要在webpack.base.conf.js這個文件中配置了，這時候我就懷疑是不是這個demo的vue版本過高已經將scss的配置寫在了utils.js文件里面，而我又在webpack.base.conf.js這個文件中配置，導致兩者沖突了，於是我就找demo中的utils.js文件，看里面是不是已經寫了scss的配置（在這里我查看了我以前的代碼，由於一直是在別人的框架上寫代碼，所以好多東西都沒理解），然后我就在demo中js文件夾下找到了一個名為util.js的文件，發現里面並沒有關於scss的配置，這下我就更奇怪了，抱着死扛到底的心態，我就在我之前代碼的utils.js中將該部分copy到了我的demo代碼中，再npm run dev 時出現了新的報錯，大概就是在提示我copy進去的那部分有些地方缺少分號，有些字符串沒有用雙引號，，一般不會報這種錯誤吧！！！就在我快要放棄的時候，我還是死扛着把報錯的地方都修改過來了，最后剩了一個錯誤：沒錯，還是最初的那個錯誤，我再細細一看，發現了下面紅框的地方，提示是多了空格，我定位到提示的位置，main.js文件
發現了下面紅框的位置好像是多了個空格，我刪除多余的空格；提示我運行成功了~~~~
沒想到最后是因為一個空格的原因，我將先前copy進來的部分注釋掉，發現也沒有報錯，全局搜索（ctrl+shift+r）了scss，才發現原來是我找錯文件了，不是js文件夾下的util.js ， 而是build文件夾下的utils.js文件，里面如我所料，自定義了scss的配置
再說說我前面在頁面樣式中發現的報紅：
是因為使用lang=‘scss’時，還寫了type="text/css"的原因，去掉type="text/css"就好了
總結一下：雖然到現在也不知道為什么就因為一個空格導致了這個報錯，希望知道原因的朋友能告知一下 1、遇到報錯的時候一定要好好查看報錯原因；2、一定要清楚了解整個項目的目錄；3、處理報錯不要像我一樣瞎copy
希望我的這些羅里吧嗦能幫助到遇到同類問題的朋友！