[坑况]——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 换了主题 没有同步代码

总结：

要是你遇到了一样问题，以上几种方式应该是能够给你解答的。