Как включить пользовательские файлы темы js в Nuxt

Question

Я пытаюсь использовать купленную тему Bootstrap (потому что у меня проблемы с дизайном) на сайте Nuxt. Мне удалось включить все файлы scss / css, но у меня возникли проблемы с поиском способа добавления пользовательских файлов .js для добавления. Сама тема использует jQuery, и все эти два файла являются функциями jQuery. Я добавил bootstrap-vue и jQuery из npm и попытался добавить файлы в элемент script в разделе head в каталоге nuxt.config.js like so using the assets`;

head{
    script: [
      { src: '~assets/js/min/plugins.min.js' },
      { src: '~assets/js/min/custom.min.js' },
      { src: '~assets/js/min/modernizr.min.js' },
    ],
}

и так, используя каталог static

head{
    script: [
      { src: 'js/min/plugins.min.js' },
      { src: 'js/min/custom.min.js' },
      { src: 'js/min/modernizr.min.js' },
    ],
}

, но в любом случае я получаю jQuery is not defined error.

Есть ли другой способ загрузить эти файлы, чтобы у них был доступ к jQuery? Результаты поиска, похоже, указывают на то, что, возможно, мне следует использовать плагин, но я не уверен, как это сделать, просто чтобы добавить локальный файл js.

Answer 1

Может быть, вам просто не хватает /? Предполагая, что у вас есть структура этой папки:

/static/js/modernizr-custom.js

Вы можете включить ее:

head: {
  ...
  script: [
    { src: '/js/modernizr-custom.js' }
  ]
}

Решает ли это вашу проблему?