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