ES6 syntax are highlighted as error in .vue files in WebStorm. How can I fix this?
WebStorm version: 10.0.1
Above image shows the JavaScript part of the .vue file. It works without problems but the IDE highlights the ES6 syntax as an error.
I saw people recommending using type="text/babel" or type="text/ecmascript-6" but in both cases it is all grey and there is no highlight:
In this thread it asks about my exact problem. Developer says it's gonna be fixed. (Though I thought the problem is IDE related).
It must be a very common problem among WebStorm users as most people use ES6 with Vue. Anyone fixed this?
Your WebStorm version (10.0.1) is too old.
Adding the type="text/babel" to the <script> tag suggestion -- it's supported since 10.0.3 only.
The "proper" fix for ES6 in inline scripts is available in WebStorm 2016.2 (which is over 1 year old already) -- https://youtrack.jetbrains.com/issue/WEB-16444
I suggest to get latest WebStorm 2017.2.5 and give it a go (see how your code works there).
Note that it now comes with own Vue.js plugin bundled .. so you may need to remove your plugin first (if you plan to import settings from current version).
- Chunk downloading of the big files right to the hard drive
- My custom CSS transition animation is not working on hover after I added AOS JS library
- how to get the Google analytics client ID
- Toggle vue-multiselect close/open on button click
- Best way to filter an objects's properties for data
- Passing function with arguments as a prop and invoking it internally in React
- Outlook calendar don't render with FullCalendar
- Is there a way to validate and allow only https url's using .isUri i.e. without using Regex in JavaScript?
- How to clear react native webview cookies?
- Skipping a test in Cypress conditionally
- How can I get all the HTML in a document or node containing shadowRoot elements
- Typescript: No index signature with a parameter of type 'string' was found on type '{ "A": string; }
- Retain Twitter Bootstrap Collapse state on Page refresh/Navigation
- How to get "Results per Row" (from a 'clicked entry' off a "dropdown menu") to show up correctly?
- Is there is a C# function which is similar to .Map() in JavaScript?
- How to trigger SVG render same as manual DOM edit in Chrome using JS?
- How do I test a Node.JS Script that is not a module and runs as soon as it's called?
- Set element width based on a string that is not in the element
- Testing JavaScript Written for the Browser in Node JS
- Where are the trailing commas coming from in these radio buttons?
- How to verify a signature from the Phantom wallet?
- How to get the value of a Google Chrome flag using Javascript
- event.preventDefault cannot block clipboard paste in chatgpt.com prompt box
- Should I use ref or findDOMNode to get react root dom node of an element?
- Disable button for 5 seconds with different label and change after it
- JavaScript - Get all but last item in array
- React-Redux: Should all component states be kept in Redux Store
- Is it possible to use Closure Compiler ADVANCED_OPTIMIZATIONS with jQuery?
- Capture selected option returns not defined instead
- Uncaught TypeError: matchExpr[type].exec is not a function