"baseUrl": ".",
"paths": {
      "@/*": [
        "src/*"
      ]
    }
"include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ]

首先是您的路徑正確的問題下，如果使用了 vetur 插件，一直報(bào)別名路徑找不到的問題

因此可以直接在 vetur 插件的配置中修改配置

打開設(shè)置，找到 vetur 插件

設(shè)置

找到 setting.json 配置

setting.json配置

在 setting.json 中加上 “vetur.validation.script”: false

即可解決 vetur 報(bào)錯(cuò)問題

在這個(gè)項(xiàng)目中并不需要添加 vue.config.js 文件

附：vue中的別名設(shè)置

對(duì)于3.0+的Vue，新建vue.config.js。

const path = require('path')
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                '#': resolve('src'),
            }
        }
    },
}

在我們的路由文件中，就可以寫成

import Login from '#/views/Login.vue'

再例如我們把src/views目錄的別名設(shè)置為views

const path = require('path')
 
function resolve(dir) {
    return path.join(__dirname, dir);
}
module.exports = {
    configureWebpack: {
        resolve: {
            alias: {
                '#': resolve('src'),
                'views':resolve('src/views'),
            }
        }
    },
 
}
import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from 'views/Login.vue'

備注：自建的vue.config.js和默認(rèn)配置合并成最終的配置。

總結(jié)

到此這篇關(guān)于vue3使用別名報(bào)錯(cuò)問題解決的文章就介紹到這了,更多相關(guān)vue3使用別名報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

解析vue3的ref,reactive的使用和原理
這篇文章主要介紹了vue3的ref,reactive的使用和原理解析,分析了?reactive?的實(shí)現(xiàn)，以及?reactive?api?返回的?proxy?代理對(duì)象使用的?handlers?陷阱，并且對(duì)陷阱中我們最常用的?get?和?set?的源碼進(jìn)行分析，需要的朋友可以參考下
2022-09-09
vue項(xiàng)目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決
這篇文章主要介紹了vue項(xiàng)目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-02-02
vue實(shí)現(xiàn)pdf導(dǎo)出解決生成canvas模糊等問題(推薦)
最近公司項(xiàng)目需要，利用vue實(shí)現(xiàn)pdf導(dǎo)出，從而保存到本地打印出來，說起來好像也很容易，具體要怎么實(shí)現(xiàn)呢？下面小編給大家?guī)砹藇ue實(shí)現(xiàn)pdf導(dǎo)出解決生成canvas模糊等問題，需要的朋友參考下吧
2018-10-10
vue-cli3使用mock數(shù)據(jù)的方法分析
這篇文章主要介紹了vue-cli3使用mock數(shù)據(jù)的方法,結(jié)合實(shí)例形式分析了vue-cli3使用mock數(shù)據(jù)的相關(guān)實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下
2020-03-03
Vue 實(shí)現(xiàn)可視化拖拽頁面編輯器
這篇文章主要介紹了Vue 實(shí)現(xiàn)可視化拖拽頁面編輯器的方法，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下
2021-02-02
VueAwesomeSwiper在VUE中的使用以及遇到的一些問題
這篇文章主要介紹了VueAwesomeSwiper在VUE中的使用以及遇到的一些問題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-01-01
vue之el-menu-item如何更改導(dǎo)航菜單欄選中的背景顏色
這篇文章主要介紹了vue之el-menu-item如何更改導(dǎo)航菜單欄選中的背景顏色問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-05-05
解決vue+elementui項(xiàng)目打包后樣式變化問題
這篇文章主要介紹了解決vue+elementui項(xiàng)目打包后樣式變化問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
手寫實(shí)現(xiàn)Vue計(jì)算屬性
這篇文章主要介紹了手寫實(shí)現(xiàn)Vue計(jì)算屬性，本文從一個(gè)簡(jiǎn)單的計(jì)算屬性例子開始，一步步實(shí)現(xiàn)了計(jì)算屬性。并且針對(duì)這個(gè)例子，詳細(xì)分析了頁面渲染時(shí)的整個(gè)代碼執(zhí)行邏輯，需要的小伙伴可以參考一下
2022-08-08
Vue3中watch監(jiān)聽器及源碼學(xué)習(xí)
本文主要介紹了Vue3中watch監(jiān)聽器及源碼學(xué)習(xí),Watch偵聽器在Vue3中特性進(jìn)行了一些改變和優(yōu)化,下面來詳解的介紹一下基本使用,具有一定的參考價(jià)值,感興趣的可以了解一下
2024-01-01