Как использовать vuetify в nuxt js в качестве плагина?

Question

Мне нужно использовать vuetify в моем проекте nuxt js в качестве плагина. Я пробовал пакет @ nuxtjs / vuetify , но получаю ошибку

Невозможно назначить только для чтения свойство 'base' объекта '#'

Я установил свой проект nuxt с официальной онлайн-площадки codesandbox на локальном сервере и на общем хостинге. Все время получал одну и ту же ошибку. Я попытался установить модули узла, используя npm и yarn. Как я могу добавить fre sh vuetify версию к последней версии nuxt js в качестве плагина с npm package vuetify ?

Answer 1

Здесь обсуждается эта проблема: https://github.com/nuxt-community/vuetify-module/issues/268

Возможно, это влияет на изменение пользовательских цветов и указание параметров во внешних файлах. Если в параметрах указаны цвета, замените primary: colors.blue на primary: colors.blue.base.

Answer 2

Установите vuetify и @ mdi / font

Создайте файл vuetify. js в папке плагинов со следующим кодом:

import Vue from 'vue'
import Vuetify from 'vuetify'

import colors from './../config/colors'

import 'vuetify/dist/vuetify.min.css'
import '@mdi/font/css/materialdesignicons.css'
Vue.use(Vuetify)

export default ctx => {
  const vuetify = new Vuetify({
    theme: {
      themes: {
        light: {
          ...colors
        },
        dark: {
          // colors
        }
      }
    }
  })
  ctx.app.vuetify = vuetify
  ctx.$vuetify = vuetify.framework
}

Отредактируйте файл nuxt.config. js, добавив vuetify к плагинам, подобным этому

{
  ...
  plugins: ['~plugins/vuetify.js'],
  ...
}

Answer 3

У меня / была такая же проблема. Я просто позаботился о том, чтобы использовать версию 1.10.3 или ниже, явно указанную в пакете. json

"@ nuxtjs / vuetify": "1.10.3", (не с ^ 1.10.3)

Я также заметил, что любая версия над этим также добавляет «неопределенный» 404 в конец каждого URL-запроса. Я писал в Nuxt / CMTY, но у них нет пользователей, отвечающих на любые вопросы.

Answer 4

Я достиг этого с помощью следующего:

npm install --save vuetify

создать файл vuetify. js в папке плагинов, используя следующий код:

import Vue from 'vue'
import Vuetify from 'vuetify'

Vue.use(Vuetify)

Исправьте nuxt.config. js:

   plugins: ['~plugins/vuetify.js'],
   build: {
     vendor: ['vuetify']
   }