Question

我在Webstorm中使用vue框架，使用ES6语法。

我已经安装了vue-for-idea插件，如果我使用纯ES5语法，一切顺利。

但似乎代码的ES6部分尚未被识别，并且突出显示警告：

这段代码例如：

<script>
import { DeUser } from '../api/resource';

export default{

.....

ready() {
  // Warned by: The expression statement is not assignment in this code
  DeUser.get().then((resp) => {
    console.log(resp);
  });
},
</script>

我完全运行我的项目并正确获得resp，但是WebStorm向我展示了表达式语句不是赋值的提示，我该如何解决它？

Answer 1

最后得到一个简单的解决方案，在.vue文件中，只需在lang="babel"标记中添加<script>作为属性：

<template>
  <!-- markup content -->
</template>

<script lang="babel">
</script>

Answer 2

你可以添加lang =＆＃34; babel＆＃34;或者输入=＆＃34; text / ecmascript-6＆＃34;标记。

<script type="text/ecmascript-6">
</script>

或：

<?php  
      $data=$this->uri->segment(2);
      $val=explode('.', $data);
      echo $val[0]; 
?>

另外，Visual Studio Code有一些很好的vue插件，你可以尝试一下。

vue plugin

WebStorm / JetBrains：无法识别.vue文件中的es6语法

2 个答案: