WebStorm/JetBrains: Es6-Syntax in einer .vue-Datei kann nicht erkannt werden

Question

Ich verwende Vue Framework in Webstorm mit ES6-Syntax.

Ich habe das vue-for-idea Plugin installiert, und alles läuft gut, wenn ich reine ES5-Syntax verwende.

aber schien es das ES6 Teil des Codes noch nicht erkannt wird, und wurde gewarnt hervorgehoben:

zum Beispiel Dieses Stück Code:

<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> 

Ich betreibe mein Projekt perfekt und bekommen bzw. richtig , aber WebStorm zeigt mir die Tipps, die Ausdruckanweisung ist keine Zuweisung, wie kann ich es lösen?

Answer 1

bekam schließlich eine einfache Lösung, in Ihrer .vue Datei, sondern nur die lang="babel" als Attribut in Ihrem <script>-Tag hinzu:

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

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

Answer 2

Sie können lang = "babel" oder type = "text/add ecmascript- 6 "zu markieren.

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

oder:

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

Zusätzlich Visual Studio-Code einige gute Plugin von vue hat, können Sie einen Versuch haben.

vue plugin