飛奔的阿加西.jpg
背景
vue2.0里面sass編譯打包報(bào)錯(cuò)珊蟀！
解決
問(wèn)題
在vue2.0中安裝了sass!生產(chǎn)環(huán)境npm run dev一切正常！但是在npm run build后就直接報(bào)錯(cuò)外驱！
Paste_Image.png
1.一臉懵逼然后把錯(cuò)誤提示粘貼過(guò)來(lái)放到一個(gè)js里面仔細(xì)看育灸！
ERROR in ./~/._extract-text-webpack-plugin@2.1.0@extract-text-webpack-plugin/loader.js?
{"omit":1,"remove":true}!./~/._vue-style-loader@2.0.5@vue-style-loader!
e: /cj/jsnovel/~/._css-loader@0.28.1@css-loader?{"minimize":true,"sourceMap":false}
!./~/._vue-loader@11.3.4@vue-loader/lib/style-compiler?{"id":"data-v-70e06d72","
scoped":true,"hasInlineConfig":false}!./~/._vue-loader@11.3.4@vue-loader/lib/sel
ector.js?type=styles&index=0!./src/components/RowDetail.vue
發(fā)現(xiàn)是有關(guān)于一個(gè)extract-text-webpack-plugin文件模塊的問(wèn)題！
2.然后就卸載掉然后重新裝一個(gè)新版本昵宇！
npm uninstall --save-dev extract-text-webpack-plugin //卸載extract-text-webpack-plugin
cnpm install --save-dev extract-text-webpack-plugin@2.0.0-beta.4 //安裝extract-text-webpack-plugin
你以為成功了么磅崭！錯(cuò)！打包編譯結(jié)果就是嗝屁了瓦哎！
Paste_Image.png
看到上面的錯(cuò)誤砸喻！我當(dāng)時(shí)其實(shí)是下了一身冷汗！太冒險(xiǎn)了蒋譬！整個(gè)文件解決不了割岛！現(xiàn)在還沒(méi)法還原了！
3.但是現(xiàn)在已經(jīng)搞成這樣了犯助！一步錯(cuò)二不休癣漆！我直接把node_module整個(gè)文件夾都刪掉！然后重新安裝依賴(lài)剂买！
- 這次我沒(méi)用npm!安全起見(jiàn)惠爽！我換成了淘寶的鏡像！
$ npm install -g cnpm --registry=https://registry.npm.taobao.org //換成淘寶鏡像
cnpm install //用cnpm在vue的根目錄下瞬哼！就是有package.json的同目錄婚肆！安裝依賴(lài)！
Paste_Image.png
然后我運(yùn)行
npm run dev提示沒(méi)找到axios!這是我vue2.0項(xiàng)目里用的一個(gè)插件坐慰！類(lèi)似于jquery的ajax!然后又cnpm install --save axios安裝了下较性！最后再運(yùn)行！完美结胀！可以運(yùn)行sass!也可以打包編譯两残！
4.最終我愉快的開(kāi)始了我sass!也就是scss的編輯之路！
