現(xiàn)象：
在創(chuàng)建一個(gè)新的web項(xiàng)目時(shí)，引入了element-ui組件，
package.json中相關(guān)配置如圖
然而在vue的開發(fā)中，卻無法識(shí)別element-ui的組件，具體表現(xiàn)為：無法自動(dòng)補(bǔ)全，黃色warning提示，未知HTML標(biāo)記。
不過，雖然這么標(biāo)記了但是頁面運(yùn)行沒有任何問題。功能也都正常。
解決方法：
可是，warning能忍，無法自動(dòng)補(bǔ)全不能忍，經(jīng)過一番研究后發(fā)現(xiàn)通過如下方式可以解決：
step1：需要一個(gè)idea能正常識(shí)別element-ui組件的web項(xiàng)目
step2：把那個(gè)項(xiàng)目的 node_modules/element-ui 文件夾拷貝出來
step3：用拷出來的element-ui 文件夾替換不能識(shí)別element-ui組件的web項(xiàng)目下的node_modules/element-ui 文件夾
OK，再回到idea中，發(fā)現(xiàn)可以識(shí)別了
寫在最后：
應(yīng)該是element-ui的版本問題，雖然新舊兩個(gè)web項(xiàng)目在package.json的dependencies中都寫了 "element-ui": "^2.12.0", 但是，實(shí)際npm install下載下來的element-ui版本卻可能是2.15.10或是2.15.12，等等版本，可能是哪個(gè)element-ui版本有問題，也可能是我們的web項(xiàng)目哪里配置的不正確。希望有前端大佬幫忙指點(diǎn)一下迷津。。。
根本原因：
版本號(hào)不匹配，^2.12.0代表了 在2.**.**中找最新版本
經(jīng)評(píng)論區(qū)大佬指點(diǎn)，去了解了一下package.json中一些符號(hào)的作用，貼在下邊：
【轉(zhuǎn)載自https://www.cnblogs.com/qianshui/p/7403197.html】
~x.y.z: 匹配大于 x.y.z 的 z 的最新版
^x.y.z: 匹配大于 x.y.z 的 y.z 的最新版文章來源：http://www.zghlxwxcb.cn/news/detail-786016.html
*: 任意版本，一般是最后一次正式發(fā)布版本（包括非 latest tag），不是最大版本號(hào)版本文章來源地址http://www.zghlxwxcb.cn/news/detail-786016.html
到了這里，關(guān)于解決idea無法識(shí)別element-ui組件的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![[vue+element-ui] form中輸入框無法輸入問題的解決方法](https://imgs.yssmx.com/Uploads/2024/02/782003-1.png)
