vue3使用别名报错问题的解决办法(vetur插件报错问题)
更新时间：2022年07月15日 15:58:56 作者：谁扔的炮仗啊
最近在写一个购物网站使用vue,使用中遇到了问题,下面这篇文章主要给大家介绍了关于vue3使用别名报错问题的解决办法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
解决vue3使用别名报错问题：
在vue-cli3以上，创建vue3工程以及使用typescript中，会自动配置好别名。
见于项目根路径下的 tsconfig.json
"baseUrl": ".",
"paths": {
"@/*": [
"src/*"
]
}
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
]
首先是您的路径正确的问题下，如果使用了 vetur 插件，一直报别名路径找不到的问题
因此可以直接在 vetur 插件的配置中修改配置
打开设置，找到 vetur 插件
找到 setting.json 配置
在 setting.json 中加上 “vetur.validation.script”: false
即可解决 vetur 报错问题
在这个项目中并不需要添加 vue.config.js 文件
附：vue中的别名设置
对于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目录的别名设置为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和默认配置合并成最终的配置。
总结
到此这篇关于vue3使用别名报错问题解决的文章就介绍到这了,更多相关vue3使用别名报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
今天小编就为大家分享一篇vue $set 给数据赋值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
这篇文章主要为大家详细介绍了Vue3响应式核心之reactive的相关知识，文中的示例代码讲解详细，对我们学习Vue3有一定的帮助，需要的可以参考一下2023-04-04
本文主要介绍了VUE+ElementUI下载文件的几种方式(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要为大家详细介绍了Vue自定义可以选择日期区间段的日历插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue实现随机验证码功能的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
这篇文章主要为大家详细介绍了vue+element自定义查询组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
uni-app是一款基于Vue.js的跨平台开发框架，它借助了 Vue.js 的语法和组件化开发思想，本文将详细介绍 uni-app 的全局配置、静态资源管理、路由管理以及数据通信和状态管理的进阶使用技巧,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了Vue 3.0 全家桶抢先体验，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
vue3中使用@vueuse/core中的图片懒加载案例详解
这篇文章主要介绍了vue3中使用@vueuse/core中的图片懒加载案例,本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2023-03-03
这篇文章主要介绍了Vue项目如何分环境打包,实现方法大概分为六步骤，需要的朋友可以参考下2018-04-04
最新评论