[个人学习记录，附参考链接]：WenStorm无法识别vue3 // @ is an alias to /src

creat_bug

于 2021-05-18 10:17:01 发布

阅读量984

点赞数 3

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_38545425/article/details/116977414

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

上问题

无法识别

解决办法

项目根目录创建alias.config.js，添加内容

/**
 * 由于 Vue CLI 3 不再使用传统的 webpack 配置文件，故 WebStorm 无法		识别别名
 * 本文件对项目无任何作用，仅作为 WebStorm 识别别名用
 * 进入 WebStorm preferences -> Language & Framework -> JavaScript -> 	Webpack，选择这个文件即可
 * */
const resolve = dir => require('path').join(__dirname, dir);
module.exports = {
    resolve: {
        alias: {
            '@': resolve('src')
        }
    }
};