Vue項(xiàng)目識(shí)別不到@別名問題及解決
更新時(shí)間：2023年10月13日 10:13:33 作者：兩歲半
這篇文章主要介紹了Vue項(xiàng)目識(shí)別不到@別名問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
Vue項(xiàng)目識(shí)別不到@別名
1、Vue項(xiàng)目創(chuàng)建好之后，打開文件總看見引入文件的位置有這樣的波浪線，
雖然不影響功能，但看著難受，對(duì)于我這種強(qiáng)迫癥來說一定要解決掉。
2、找到Ctrl+Alt+S打開設(shè)置菜單，找到Webpack選項(xiàng)：
3、將路徑指向自己項(xiàng)目的build目錄下的webpack配置文件：
Vue路徑別名‘@’用法
@在vue可以當(dāng)做路徑的根目錄來使用，不必再’./'或者‘…/’(兩個(gè)點(diǎn)，markdown自動(dòng)加了一個(gè)點(diǎn))來利用同級(jí)目錄和父級(jí)目錄的方式去找路徑了，更加方便。
而在vue使用@時(shí)必須先要進(jìn)行配置，這里在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時(shí)前面沒有path，便會(huì)報(bào)錯(cuò)。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue中實(shí)現(xiàn)methods一個(gè)方法調(diào)用另外一個(gè)方法
下面小編就為大家分享一篇vue中實(shí)現(xiàn)methods一個(gè)方法調(diào)用另外一個(gè)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02
Vue——解決報(bào)錯(cuò) Computed property "****" was assigned to but it ha
這篇文章主要介紹了Vue——解決報(bào)錯(cuò) Computed property "****" was assigned to but it has no setter.的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了深入理解Vuex的作用，對(duì)Vuex感興趣的同學(xué)，可以參考下2021-05-05
這篇文章主要介紹了淺談Vue 數(shù)據(jù)響應(yīng)式原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了Vue中前端與后端如何實(shí)現(xiàn)交互，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
vue使用echarts基本原理以及報(bào)錯(cuò)提示undefined(reading?init)的解決過程
Vue2使用ECharts時(shí),因未全局注冊或錯(cuò)誤引入導(dǎo)致TypeError報(bào)錯(cuò),解決方法為全局注冊,正確獲取DOM節(jié)點(diǎn)并設(shè)置寬高,通過生命周期或數(shù)據(jù)請求后調(diào)用getMain2方法初始化圖表,option對(duì)象需根據(jù)實(shí)際數(shù)據(jù)配置2025-09-09
下面小編就為大家分享一篇解決vue頁面DOM操作不生效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue?this.$toast?失效問題匯總,本文給大家分享完美解決方案，感興趣的朋友跟隨小編一起看看吧2024-03-03
Vue+Element實(shí)現(xiàn)封裝抽屜彈框
這篇文章主要為大家詳細(xì)介紹了如何利用Vue和Element實(shí)現(xiàn)簡單的抽屜彈框效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-06-06
本文主要介紹了vue3.x頁面功能拆分方式，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05