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，便会报错。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

如何使用yarn创建vite+vue3&&electron多端运行
这篇文章主要介绍了如何使用yarn创建vite+vue3&&electron多端运行,本文分步骤给大家介绍的非常详细，包括使用yarn创建vite+vue3项目会遇到哪些问题，感兴趣的朋友跟随小编一起看看吧
2024-03-03
在vue中高德地图引入和轨迹的绘制的实现
这篇文章主要介绍了在vue中高德地图引入和轨迹的绘制的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-10-10
解决element-ui el-drawer抽屉el-dialog弹框关闭优化demo
这篇文章主要为大家介绍了解决element-ui el-drawer抽屉el-dialog弹框关闭优化demo，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪<BR>
2023-06-06
Vue Echarts实现图表轮播图以及图表组件封装和节流函数优化讲解
这篇文章主要介绍了在Vue中优雅的使用Echarts实现图表轮播图、Echarts图表组件封装、节流函数优化图表性能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
2023-01-01
Vue中如何判断对象是否为空
这篇文章主要介绍了Vue中如何判断对象是否为空，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-06-06
详解vue后台系统登录态管理
这篇文章主要介绍了vue后台系统登录管理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
Vue3使用dataV报错问题的解决方法
这篇文章主要为大家详细介绍了Vue3中使用dataV报错问题的解决方法,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以跟随小编一起学习一下
2023-11-11
浅谈Vue开发人员的7个最好的VSCode扩展
这篇文章主要介绍了浅谈Vue开发人员的7个最好的VSCode扩展，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-01-01
Vue2的16种传参通信方式总结和示例讲解
Vue2中路由传参数:props(父传子),$emit与v-on(子传父),EventBus(兄弟传参),.sync与update:(父子双向),v-model(父子双向),ref $children与$parent,$attrs与$listeners(爷孙双向),provide与inject(多层传参),Vuex,Vue.prototype,路由,浏览器缓存,window,$root,slot(父传子)
2024-08-08
在Vue中实现文件预览与打印的代码示例
在Vue应用中，有时我们需要实现文件预览和打印的功能，比如，我们可能需要预览并打印PDF文件、图片文件等，本文将介绍如何在Vue中实现文件预览和打印的功能，并提供相应的代码示例
2023-06-06