Использование пакетов NPM на стороне клиента с nuxt

Question

Я очень плохо знаком с nuxt и javascript и пытаюсь понять, как использовать зависимости моего приложения на стороне клиента. У меня они перечислены в моем nuxt.config.js и установлены с npm. У меня также есть файл в каталоге /plugins, который их импортирует (не уверен, хорошо это или нет). Здесь я столкнулся с проблемой: у меня в каталоге /static есть два скрипта, которые должны использовать мои пакеты npm. Помещение оператора import в эти скрипты вызывает ошибку. Импорт пакетов в разделе сценариев файла vue страницы также не работает. Как я могу использовать пакеты npm в скриптах, которые включены в страницы на стороне клиента?

Answer 1

Можете ли вы предоставить более подробную информацию о том, какие ошибки происходят и какие пакеты вы пытались установить?

В этом примере я собираюсь показать вам, как я включил в свой проект nuxtпакет npm vuelidate

после установки vuelidate:

1. добавить в nuxt.config.js

plugins: [
   { src: "~/plugins/vuelidate", mode: "client" },
 ],

создать файл vuelidate.js в папке моего плагина (plugin / vuelidate.js)

import Vue from 'vue'
import Vuelidate from 'vuelidate'
Vue.use(Vuelidate);

после этого я могу использовать vuelidate в моих компонентах .vue (не всегда необходимо что-то импортировать, потому что на нашем 2-м этапе Vue.use (Vuelidate) мы уже установили vuelidate глобально)

<script>
import { required, minLength } from "vuelidate/lib/validators";

export default {
  name: "OrderByLinkForm",
  components: {},
  ...
};
</script>