[坑況]——this dependency was not found：'element-ui/lib/theme-chalk/index.css'

element ui

坑況：今日pull代碼，瀟灑npm run dev ，被告知：this dependency was not found：'element-ui/lib/theme-chalk/index.css'。。。。。。。

解決思路

1.找不到依賴，路徑問題

這是不科學的啊，昨天可以跑通的代碼，今天就狗帶了？ 可是你也要去找找路徑相關的解答，萬能度娘上線，大可能是這樣的，應該這樣引用"./" emmmm 分析了一波不太對啊！elementui 的引用方式就是這樣的

import 'element-ui/lib/theme-chalk/index.css'

2.去element官網看看

還真是他們的一個bug哈 貼連接：https://github.com/ChenCheng0914/forum-vue/pull/2/commits/bb03f0fcd8e8c348cb7398b3944c1f039cbb43b9 可是看看了代碼 跟個人問題仍是不相符

3.看看個人vue以及element 版本 是否是偷偷更新了什麼

我出錯的版本 vue 2.9.1 element 1.4.13 我去，element 版本這麼低的嗎？ 齊刷刷的把版本提高了 element 2.3.6 而後跑一下 npm run dev 居然就這樣解決了 經過了~

4.webpack 配置

你覺得真的解決了嗎？當我洋洋灑灑的搬磚一天，提交代碼編譯的時候，給了我一個彩蛋 Module not found: Error: Can't resolve 'element-ui/lib/theme-chalk/index.css' 個人上帝玩我啊，萌妹子也會生氣的 我跟你說 正路：居然是編譯出了錯，webpack走一波，經過element 知乎的提示發現要這樣字配置 webpack.config.js裏的loaders加上

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

緣由是：這種狀況發生是由於模塊解析失敗,缺乏.ttf格式解析模塊,vue2.0以上,在webpack.config.js

中module->rules添加{ test: /.(eot|woff|ttf)$/, loader: 'url-loader' }

固然你也要確保自已有安裝 url-loader 貼心的放上代碼 npm install url-loader/cnpm install url-loader -D

5.最後注意

正確方式：import 'element-ui/lib/theme-chalk/index.css' 失敗方式：import 'element-ui/lib/theme-default/index.css' element 換了主題 沒有同步代碼

總結：

要是你遇到了一樣問題，以上幾種方式應該是能夠給你解答的。