.vue文件在webstorm中es6语法报错解决方法

时间:2021-04-23 01:46:32

1 语法支持es6设置

Preferences > Languages & Frameworks > JavaScript

  把 Javascript Language version 改为 ECMAScript 6,这样做所有的.js文件中es6不再报错,但是在.vue文件中es6语法依然报错。

.vue文件在webstorm中es6语法报错解决方法

2 vue文件中解决报错

  1. 在script标签上添加属性  type="es6"
<script type="es6">

</script>

  2.  添加 XML Tag Injection

Settings > Language Injections

  新建XML Tag Injection

.vue文件在webstorm中es6语法报错解决方法

大功告成, 这样在就可以在Vue中使用es6语法了, 并且可以正常提示