[坑況]——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 換了主題 沒有同步代碼
總結:
要是你遇到了同樣問題,以上幾種方式應該是可以給你解答的。
[坑況]——this dependency was not found:'element-ui/lib/theme-chalk/index.css'