vue3使用別名報錯問題的解決辦法(vetur插件報錯問題)
更新時間：2022年07月15日 15:58:56 作者：誰扔的炮仗啊
最近在寫一個購物網(wǎng)站使用vue,使用中遇到了問題,下面這篇文章主要給大家介紹了關(guān)于vue3使用別名報錯問題的解決辦法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
解決vue3使用別名報錯問題：
在vue-cli3以上，創(chuàng)建vue3工程以及使用typescript中，會自動配置好別名。
見于項目根路徑下的 tsconfig.json
"baseUrl": ".",
"paths": {
"@/*": [
"src/*"
]
}
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
]
首先是您的路徑正確的問題下，如果使用了 vetur 插件，一直報別名路徑找不到的問題
因此可以直接在 vetur 插件的配置中修改配置
打開設(shè)置，找到 vetur 插件
找到 setting.json 配置
在 setting.json 中加上 “vetur.validation.script”: false
即可解決 vetur 報錯問題
在這個項目中并不需要添加 vue.config.js 文件
附：vue中的別名設(shè)置
對于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和默認配置合并成最終的配置。
總結(jié)
到此這篇關(guān)于vue3使用別名報錯問題解決的文章就介紹到這了,更多相關(guān)vue3使用別名報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue3的ref,reactive的使用和原理解析,分析了?reactive?的實現(xiàn)，以及?reactive?api?返回的?proxy?代理對象使用的?handlers?陷阱，并且對陷阱中我們最常用的?get?和?set?的源碼進行分析，需要的朋友可以參考下2022-09-09
vue項目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決
這篇文章主要介紹了vue項目登錄成功拿到令牌跳轉(zhuǎn)失敗401無登錄信息的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02
vue實現(xiàn)pdf導(dǎo)出解決生成canvas模糊等問題(推薦)
最近公司項目需要，利用vue實現(xiàn)pdf導(dǎo)出，從而保存到本地打印出來，說起來好像也很容易，具體要怎么實現(xiàn)呢？下面小編給大家?guī)砹藇ue實現(xiàn)pdf導(dǎo)出解決生成canvas模糊等問題，需要的朋友參考下吧2018-10-10
vue-cli3使用mock數(shù)據(jù)的方法分析
這篇文章主要介紹了vue-cli3使用mock數(shù)據(jù)的方法,結(jié)合實例形式分析了vue-cli3使用mock數(shù)據(jù)的相關(guān)實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了Vue 實現(xiàn)可視化拖拽頁面編輯器的方法，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2021-02-02
VueAwesomeSwiper在VUE中的使用以及遇到的一些問題
這篇文章主要介紹了VueAwesomeSwiper在VUE中的使用以及遇到的一些問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
vue之el-menu-item如何更改導(dǎo)航菜單欄選中的背景顏色
這篇文章主要介紹了vue之el-menu-item如何更改導(dǎo)航菜單欄選中的背景顏色問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了解決vue+elementui項目打包后樣式變化問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了手寫實現(xiàn)Vue計算屬性，本文從一個簡單的計算屬性例子開始，一步步實現(xiàn)了計算屬性。并且針對這個例子，詳細分析了頁面渲染時的整個代碼執(zhí)行邏輯，需要的小伙伴可以參考一下2022-08-08
本文主要介紹了Vue3中watch監(jiān)聽器及源碼學(xué)習,Watch偵聽器在Vue3中特性進行了一些改變和優(yōu)化,下面來詳解的介紹一下基本使用,具有一定的參考價值,感興趣的可以了解一下2024-01-01