Как обойти синтаксическую ошибку?

Question

[Andrej Sharapov]

Привет, друзья!
Третий день учусь работать с vue.js.
Для справки: Работаю в VSCode и собираю проект в gulp. (собранный проект тут).

Я столкнулся с проблемой, которую не могу решить. При конкатинации скриптов, галп выдает ошибку синтаксиса, мол использовать в template: `тратата` косые ковычки (не помню как они называются правильно) нельзя.

Gulp Tasks: The task 'compile' has failed.
Caused by: SyntaxError: Unexpected character '`'

Конечно, все решается записью шаблона в одну строчку и заменой косых ковычек на простые одинарные. Пример приведен как раз для того, чтобы показать, что на CodePen эта структура работает... Очень не хотелось бы писать в строчку, если будет очень длинный код. Потом искать будет сложно нужный элемент.

Подскажите, как обойти это в vscode? Или может расширение есть или плагин, решающий эту проблему?

Comments

[Lynn «Кофеман»]

Обновить nodejs?

Answer 1

[nvdfxx]

https://github.com/babel/gulp-babel

Comments

[Andrej Sharapov]

спасибо, помогло.

Answer 2

[Andrey Suha]

Почему gulp? Косые кавычки это фича из es6 а gulp насколько я знаю не умеет работать с babel, но это не точно)) короче Вам нужен babel и скорее всего поменять галп на webpack

Comments

[Andrej Sharapov]

Почему gulp?

потому что еще не научился с вебпаком работать))
В принципе, я так и подумал, что es6 не поддерживает, но как решить не в курсе.

[Andrey Suha]

Andrej Sharapov, vue cli для начала знаний вебпака не нужно)) там вам советовали плагин с babel для gulp, но мнение что все же лучше вебпак

[Andrej Sharapov]

Andrey Suha, да, вот... В скором времени доберусь до вебпака, а пока ставлю бабел...))

[Andrey Suha]

Andrej Sharapov, ну Бабель в любом случае нужно что для gulp что для webpack, просто webpack изначально создавался для сборки js

[Andrej Sharapov]

Andrey Suha, я понимаю, просто руки до него ни как не дойдут.