[坑况]——thisdependencywasnotfound:element-uilib。。。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
[坑况]——thisdependencywasnotfound:element-uilib。
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官⽹看看
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 换了主题没有同步代码
总结:
要是你遇到了同样问题,以上⼏种⽅式应该是可以给你解答的。