Vue項目識別不到@別名問題及解決
Vue項目識別不到@別名
1、Vue項目創(chuàng)建好之后,打開文件總看見引入文件的位置有這樣的波浪線,
雖然不影響功能,但看著難受,對于我這種強迫癥來說一定要解決掉。
2、找到Ctrl+Alt+S打開設置菜單,找到Webpack選項:
3、將路徑指向自己項目的build目錄下的webpack配置文件:
Vue路徑別名‘@’用法
@在vue可以當做路徑的根目錄來使用,不必再’./'或者‘…/’(兩個點,markdown自動加了一個點)來利用同級目錄和父級目錄的方式去找路徑了,更加方便。
而在vue使用@時必須先要進行配置,這里在webpack中配置:
找到vue中webpack.config.js文件,然后找到module.exports的resolve,最后在resolve中編輯代碼:
resolve: { extensions: ['*', '.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': path.resolve('src'), },
之前網(wǎng)上有人也有相同的博客,不過在使用resolve時前面沒有path,便會報錯。
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
如何使用yarn創(chuàng)建vite+vue3&&electron多端運行
這篇文章主要介紹了如何使用yarn創(chuàng)建vite+vue3&&electron多端運行,本文分步驟給大家介紹的非常詳細,包括使用yarn創(chuàng)建vite+vue3項目會遇到哪些問題,感興趣的朋友跟隨小編一起看看吧2024-03-03解決element-ui?el-drawer抽屜el-dialog彈框關(guān)閉優(yōu)化demo
這篇文章主要為大家介紹了解決element-ui?el-drawer抽屜el-dialog彈框關(guān)閉優(yōu)化demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪<BR>2023-06-06Vue Echarts實現(xiàn)圖表輪播圖以及圖表組件封裝和節(jié)流函數(shù)優(yōu)化講解
這篇文章主要介紹了在Vue中優(yōu)雅的使用Echarts實現(xiàn)圖表輪播圖、Echarts圖表組件封裝、節(jié)流函數(shù)優(yōu)化圖表性能,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習吧2023-01-01