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 就可以识别出别名路径啦

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

您可能感兴趣的文章:

vue3父子组件传值中props使用细节浅析
这篇文章主要给大家介绍了关于vue3父子组件传值中props使用细节的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2022-03-03
VUE饿了么树形控件添加增删改功能的示例代码
本篇文章主要介绍了VUE饿了么树形控件添加增删改功能的示例代码，非常具有实用价值，有兴趣的可以了解一下
2017-10-10
Vue 中v-model的完整用法及原理
本文主要介绍了Vue 中v-model的完整用法及原理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
Vue计算属性中reduce方法实现遍历方式
这篇文章主要介绍了Vue计算属性中reduce方法实现遍历方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-03-03
vue中循环多个li(表格)并获取对应的ref的操作代码
我想要获取每一个循环并获取每一个li(或者其它循环项)的ref,以便于后续的操作,接下来通过本文给大家分享vue中循环多个li(表格)并获取对应的ref的操作代码,感兴趣的朋友跟随小编一起看看吧
2024-02-02
使用Vue实现调用接口加载页面初始数据
今天小编就为大家分享一篇使用Vue实现调用接口加载页面初始数据，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10
vue中key使用的问题示例解析
这篇文章主要为大家介绍了vue中key使用的问题示例解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-11-11
VUE利用vuex模拟实现新闻点赞功能实例
本篇文章主要介绍了VUE利用vuex模拟实现新闻点赞功能实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-06-06
vue2 前后端分离项目ajax跨域session问题解决方法
本篇文章主要介绍了vue2 前后端分离项目ajax跨域session问题解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-04-04
VUE 组件的计算属性详解
这篇文章主要介绍了VUE组件的计算属性详解，使用计算机属性还是methods取决于你是否需要缓存，当遍历大数组和做大量计算时，应当使用计算机属性，除非你不希望得到缓存，下文来了解具体详情
2022-06-06