Почему галп выдает ошибку при работе с vue?

115
21 февраля 2021, 14:50

Всем добрый день.

Пока только учусь работать с vue.js и столкнулся с проблемой. При сборке файлов, галп выдает ошибку синтаксиса:

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

код:

template: `{
    <header>
        <h1 v-for="post in content">{{post.title}}</h1>
        <p v-for="post in content" class="lead">{{post.desc}}</p>
    </header>
}`,

Если написать в строку и заменить кавычки, то все работает

template: '{<header><h1 v-for="post in content">{{post.title}}</h1><p v-for="post in content" class="lead">{{post.desc}}</p></header>}'

но в таком случае, если кода будет много, придется искать нужный фрагмент в этой строке очень долго. Да и выглядит это не очень структурировано.

Подскажите, можно ли это как-нибудь исправить?

Answer 1

Проблему решила установка бабел для галп

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

READ ALSO
Возвращает NaN вместо суммы цифр

Возвращает NaN вместо суммы цифр

Скрипт должен сложить цифры из которого состоит число и вывести результатНо возвращает NaN

95
Есть ли изъяны в данном коде?

Есть ли изъяны в данном коде?

Занимаюсь углубленным изучением JSНаписал простенький класс для автоматического позиционирования absolute элементов относительно любого блока...

143
Динамическая высота у textarea

Динамическая высота у textarea

Всю голову сломал, делаю следующее: копирую текстовый контент в модальное окно-форму в textareaНеобходимо авто-изменение высоты textarea без события...

102
Почему POST запрос не хочет передаваться?

Почему POST запрос не хочет передаваться?

Я попробовал несколько библиотек, но ни одна не дала результатов, пробую вот это:

91