Импорт скриптов из Tilda в Nuxt

Question

Есть сайт на NuxtJS, на нем некоторые динамические страницы сверстаны в Тильде. Т.е. ранее дизайнеры создают страницу в Тильде, оттуда экспортируется 3 сущности: хтмл, цсс, жс.

HTML мы вставляем в разметку, скрипты и стили в head.

Проблема заключается в том, что скрипты не отрабатывают. И, соответственно, если в странице тильды есть какой-то слайдер или анимация, то они не работают. Анимации, которые зашиты в стили, работают.

Есть ли способ решения проблемы в Nuxt?

Я пробовал создать тестовый обычный html файл и просто запустить его в браузере, все работает там.

Answer 1

если скрипты нужны для всех страниц тогда нужно добавить в nuxt.config.js. примерно что-то подобное:

 head: {
    script: [
        {
            src: 'ссылка на ресурс'
        }
    ]
}

если для отдельной страницы, тогда так:

export default {
head() {
  return {
    script: [
      {
        src: 'ссылка на ресурс'
      }
    ],
  }
 }
}

Стили можно таким образом добавить. Если правите nuxt.config.js не забывайте перезапустить проект.

Есть один момент (раздел - ПРОБЛЕМА), можно тут прочитать

БЛОГ НА HUSL

Импорт скриптов из Tilda в Nuxt

Ответы (1 шт):