vue引入elementUI報錯

經過vue init webpack 建立的vue項目.原本我在好好的寫代碼,以爲電腦卡,隨手把電腦重啓了一下,而後npm run dev,結果給我來了個大大的cannot get! 終端報錯以下:css

This dependency was not found:

* element-ui/lib/theme-chalk/index.css in ./src/main.js

To install it, you can run: npm install --save element-ui/lib/theme-chalk/index.css

而後在度娘找各類緣由,試了不下十種辦法,例如在webpack.config.js中也就是webpack.base.conf.js(經過Vue init webpack-simple建立的項目配置文件爲webpack.config.js,Vue init webpack爲webpack.base.conf.js)添加代碼:vue

{ test: /.(eot|woff|ttf)$/, loader: 'url-loader' }

或者在utils.js中修改代碼,安裝css-loader,file-loader,url-loader等等,可是這些我以前都裝過,如今怎麼會忽然報這個錯呢!好吧,或許能夠去Git上拉前兩天的代碼,把這個代碼扔了,可是我這兩天剛把路由權限寫完啊,以前版本沒有啊啊啊!!只有找緣由了…
我試着把報錯的css都註釋掉把引入的elementUI的css和Vue.use(element)都註釋掉,而後發現還有一個報錯:webpack

import 'quill/dist/quill.core.css';
  import 'quill/dist/quill.snow.css';
  import 'quill/dist/quill.bubble.css';

這些css是引入的一個富文本編輯器插件的css,好像發現了一些規律,只有插件的css引入纔會報錯!好吧,這個發現其實沒幫上我什麼忙…我只是把這些都註釋掉而後項目就能夠啓動起來了. 啓動起來後,因爲丟了elementUI整個頁面都是報錯.element的組件都找不到,而後再試着把elementUI再註釋回來,這時居然發現報錯提示postcss-loader丟了,而後web

npm install --save-dev postcss-loader autoprefixer

繼續建立一個postcss.config.jsnpm

module.exports = {
    plugins:[
        require("autoprefixer")
    ]
}

OK,如今項目能夠跑了,我也是一臉懵逼,postcss-loader不是添加瀏覽器前綴的插件嗎,這也能影響css引入?!好吧,無論怎樣,總之問題暫時解決了,看看以後會不會再崩吧…element-ui