解决webstorm不能识别vue的@路径引用

方式1: 

webstorm 无法识别@ 符号问题[ctrl+左键无法跳转]解决:

创建vue项目,打开项目后,再进入webstorm配置页面[否则没有webpack选项]

ctrl+alt+s[进入设置页面] -> language & frameworks -> javascript -> webpack

webpack configuration file 设置为 当前项目目录[路径]下的 node_modules/@vue/cli-service/webpack.config.js
3.1. eg: D:/development/workspace/vue/vote-system/node_modules/@vue/cli-service/webpack.config.js

 

方式2: 方式1不管用可以这样:

新建一个webpack.config.js文件中加入如下内容

在webstorm的设置中找到Webpack设置,选中webpack.config.js文件

module.exports = {
  resolve: {
    alias: {
      "@": require("path").resolve(__dirname, "")
    }
  }
}

 

posted @   study_php_java_C++  阅读(2516)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示