IDEA开发Vue出现波浪线和Import ‘@‘无法转跳的问题

tech2022-09-11  101

在使用IDEA打开VUE项目时,发现有很多波浪线(如下)

发现关于ES6的语法在IDEA里面都是红色波浪线import xxx from ‘@/xx’ 不支持转跳的问题

问题如下

解决方案

ES6语法波浪线的问题很简单,只需设置IDEA设置找到(Languages & Frameworks -> JavaScript)选择ES的版本为6或以上即可IDEA配置VUE中@的转跳 在VUE项目跟路径创建一个js文件, 文件名随意,我的是 alais.config.js /* 此文件未使用,只是为了让idea可以识别实际位置 */ const path = require('path'); function resolve(dir) { return path.join(__dirname, dir); } module.exports = { resolve: { alias: { '@': resolve('src') } } }; 在IDEA配置(Languages & Frameworks -> JavaScript -> Webpack)中引用该配置文件

结果

最新回复(0)