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.js实现图片切换功能
这篇文章主要为大家详细介绍了Vue.js实现图片切换功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-06-06
vue拖拽组件vuedraggable使用说明详解
这篇文章主要为大家详细介绍了vue拖拽组件vuedraggable的使用说明，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
创建Vue项目以及引入Iview的方法示例
这篇文章主要介绍了创建Vue项目以及引入Iview的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-12-12
Vue js 的生命周期（看了就懂）(推荐)
这篇文章主要介绍了Vue js生命周期，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-03-03
element的表单校验证件号规则及输入“无”的情况校验通过(示例代码)
这篇文章主要介绍了element的表单校验证件号规则及输入“无”的情况校验通过,使用方法对校验数据进行过滤判断,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧
2023-11-11
详解Vue3的响应式原理解析
这篇文章主要为大家介绍了Vue3的响应式原理解析，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-12-12
详解vue中localStorage的使用方法
这篇文章主要介绍了详解vue中localStorage的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
关于Vue中使用alibaba的iconfont矢量图标的问题
这篇文章主要介绍了Vue使用alibaba的iconfont矢量图标的问题，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2021-12-12
vue 父组件通过$refs获取子组件的值和方法详解
今天小编就为大家分享一篇vue 父组件通过$refs获取子组件的值和方法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
WebStorm无法正确识别Vue3组合式API的解决方案
这篇文章主要介绍了WebStorm无法正确识别Vue3组合式API的解决方案，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下
2021-02-02