Vue项目识别不到@别名问题及解决
更新时间：2023年10月13日 10:13:33 作者：两岁半
这篇文章主要介绍了Vue项目识别不到@别名问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue项目识别不到@别名
1、Vue项目创建好之后，打开文件总看见引入文件的位置有这样的波浪线，
虽然不影响功能，但看着难受，对于我这种强迫症来说一定要解决掉。
2、找到Ctrl+Alt+S打开设置菜单，找到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'),
},之前网上有人也有相同的博客，不过在使用resolve时前面没有path，便会报错。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
教你在Vue3中使用useStorage轻松实现localStorage功能
这篇文章主要给大家介绍了关于如何在Vue3中使用useStorage轻松实现localStorage功能的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友可以参考下2023-06-06
vue跨域问题:Access to XMLHttpRequest at‘httplocalhost解决
在前端发出Ajax请求的时候,有时候会产生跨域问题,下面这篇文章主要给大家介绍了关于vue跨域问题:Access to XMLHttpRequest at‘httplocalhost的解决办法,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了vue使用echarts如何实现双柱状图和双y轴的柱状图问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
这篇文章主要介绍了vue实现用户长时间不操作自动退出登录功能的实现代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-07
今天小编就为大家分享一篇vue 解决异步数据更新问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
这篇文章主要介绍了Vue实现virtual-dom的原理简析，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
让 babel webpack vue 配置文件支持智能提示的方法
这篇文章主要介绍了让 babel webpack vue 配置文件支持智能提示的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构,下面这篇文章主要给大家介绍了关于脚手架(vue-cli)创建Vue项目的超详细过程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了解决vue2中使用elementUi打包报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
vue-cli2.x旧版本卸载不掉的问题踩坑指南(附Vue脚手架安装教程)
遇到一个Vuecli2脚手架卸载不了的问题,查了许多资料说的都比较复杂,所以下面这篇文章主要给大家介绍了关于vue-cli2.x旧版本卸载不掉的问题踩坑的相关资料,文中还附了Vue脚手架安装教程,需要的朋友可以参考下2022-07-07
最新评论