VUE项目问题总结-组件引入问题

IDEA中VUE项目小计

IDEA中VUE项目，组件引入点击from来源无法跳转如图所示，

解决方案：
1.在根目录下新增alais.config.js文件

const path = require('path');

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  resolve: {
    alias: {
      '@': resolve('src')
    }
  }
};

2.在File设置里设置webpack的file位置，即刚才所创建的根目录位置文件如图所示：

在此返回业务页面发现波浪线及黄色报警已经消失，跳转正常。因为要配置idea识别目录别名（@）才能识别跳转路径。