1. 程式人生 > >[坑況]——this dependency was not found:'element-ui/lib/theme-chalk/index.css'

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

依賴 fig 刷的 ade pla all The conf use

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'