webstorm提示 @路径 Module is not installed的问题

更新时间：2022年11月11日 14:58:09 作者：徐寿春

这篇文章主要介绍了webstorm提示 @路径 Module is not installed的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

webstorm提示 @路径 Module is not installed

在vscode进行处理vue代码没有问题，但是放到ws后出现这个@问题。

百度得到答案是由于没有配置webpack.cofig.js这个文件。

处理

解决办法也很简单双击shift键,打开全局搜索,输入webpack 配置setting

路径为：

项目下\node_modules@vue\cli-service\webpack.config.js

解决WebStorm 2021无法识别@(别名路径)

第一步

先去设置, 语言和框架 ---> JavaScript ---> webpack , 如果这个时候看到已禁用，把他调成自动

第二步

在根目录下创建webpack.config.js 文件，并配置以下代码

const path = require('path')
 
module.exports = {
  context: path.resolve(__dirname, './'),
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@/': path.resolve('src'),
    }
  }
}

然后你的WebStorm 就可以识别出别名路径啦

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

您可能感兴趣的文章:

vue采用EventBus实现跨组件通信及注意事项小结
EventBus是一种发布/订阅事件设计模式的实践。这篇文章主要介绍了vue采用EventBus实现跨组件通信及注意事项,需要的朋友可以参考下
2018-06-06
vue 简单自动补全的输入框的示例
这篇文章主要介绍了vue 简单自动补全的输入框的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-03-03
详解vee-validate的使用个人小结
本篇文章主要介绍了详解vee-validate的使用个人小结，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2017-06-06
vue异步更新dom的实现浅析
Vue中的数据更新是异步的，意味着我们在修改完Data之后并不能立刻获取修改后的DOM元素。本文介绍了vue异步更新dom的实现，感兴趣的小伙伴们可以参考一下
2021-07-07
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
这篇文章主要介绍了vue 使用插槽分发内容操作,结合实例形式总结分析了vue.js使用单个插槽、具名插槽、作用域插槽相关操作技巧与注意事项,需要的朋友可以参考下
2020-03-03
基于Vue2实现印章徽章组件
这篇文章主要介绍了如何基于vue2实现简单的印章徽章控件,文中通过示例代码讲解详细,具有一定的学习价值,需要的朋友们下面就跟随小编来一起学习学习吧
2023-10-10
VUE 实现复制内容到剪贴板的两种方法
这篇文章主要介绍了VUE 实现复制内容到剪贴板功能，本文通过两种方法，给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
2019-04-04
Vue路由跳转问题记录详解
本篇文章主要介绍了Vue路由跳转问题记录详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
vue 中简单使用mock的示例代码详解
这篇文章主要介绍了vue 中简单使用mock的方法，本文通过图文实例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-02-02
vuex存储token示例
今天小编就为大家分享一篇vuex存储token示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11